Facebook - Open Graph не обнаруживает метатеги (Gatsby + Netlify)

Я развернул блог, используя Gatsby + Netlify. В настоящее время я использую реагирующий шлем для заполнения правильных метатегов в каждом сообщении в блоге.

По какой-то причине Facebook Open Graph не обнаруживает метатеги, принадлежащие блогу, и по умолчанию используются метатеги домашней страницы.

Вот что я получаю от отладчика Facebook:

The following required properties are missing: og:url, og:type, og:title, og:image, og:description, fb:app_id

Вот что я получаю, когда нажимаю на - точно вижу, что наш скребок видит для вашего URL: The document returned no data.

Примечание. Netlify - в настоящее время я не использую предварительную визуализацию Netlify.

Гэтсби, это пример того, как код обрабатывает метатеги в сообщениях блога (теги Twitter работают правильно).

  {
    property: 'og:image',
    content: `https://website.com${image}`,
  },

Я уже пробовал обновить отладчик Facebook (снова очистить), но безуспешно.

Есть идеи, если это проблема с Netlify, Facebook или Gatsby / react-шлемом?


person Carlo Teran    schedule 25.09.2019    source источник
comment
Я только что включил пререндер Netlify, чтобы посмотреть, помогает ли он соскабливать данные из Facebook OG.   -  person Carlo Teran    schedule 26.09.2019
comment
И помогло?   -  person Merc    schedule 29.03.2020


Ответы (1)


Вряд ли проблема с Netlify. Кнопка обновления Facebook обычно работает достаточно хорошо.

Скорее всего, это Gastby / ReactHelmet - открыли ли вы скомпилированный и размещенный HTML на своем сайте с помощью инспектора или просмотра исходного кода? Это лучшее место для отладки такого рода проблем.

person Luke Storry    schedule 24.07.2020