Вопрос или проблема
Почему мои метатеги Open Graph игнорируются?
Для этой HTML-страницы есть следующие мета-теги:
<meta property="og:title" content="Matthews MD For 64 HD">
<meta property="og:type" content="organization">
<meta property="og:image" content="https://louishoweproduction.blob.core.windows.net/organizations/MatthewsMDColorado/Mark%20Circle%20Photo_73.png">
<meta property="og:description" content="Марк Мэттьюс, который провел четыре десятилетия ... много текста">
opengraph.xyz распознает теги. Но когда я пытаюсь поделиться этой страницей в Twitter, он не использует мета-теги и просто вставляет URL как содержимое.
Что я упускаю? И я знаю, что не добавил специфические теги для Twitter, LinkedIn и т.д. Но я полагаю, что они должны использовать стандартные теги.
Когда я смотрю исходный код, я не вижу ваши теги, но вижу их, когда инспектирую код через консоль. Следовательно, я предполагаю, что вы генерируете их через JavaScript.
Мое предположение заключается в том, что бот Twitter (по-прежнему называемый twitterbox, а не xbot!) не обрабатывает JavaScript, и вам нужно генерировать их на стороне сервера, чтобы Twitter мог их видеть.
Хотя, вероятно, стоит добавить собственные мета-теги карточки Twitter, их документация гласит, что они не являются обязательными полями.
Я рекомендую использовать мета-теги для Twitter:
С другой стороны, учитывайте, что у Twitter есть кеш для ссылок. Попробуйте использовать мета-теги для Twitter на другой странице вашего сайта.
Во-первых, Twitter может игнорировать OpenGraph. У них есть свои собственные мета-теги, которые вы можете проверить здесь.
Во-вторых, проблема может быть связана с кэшированием на стороне сервера. Версия без тегов могла быть закэширована, поэтому они не отображаются.
Также я рекомендую проверить ваш robots.txt на всякий случай.
И вообще, инициализация иногда занимает время, так что просто проявите немного терпения.
Ответ или решение
Ваш вопрос о том, почему метатеги Open Graph игнорируются, может иметь несколько причин. Давайте подробно рассмотрим основные из них и предложим решения.
Возможные причины игнорирования метатегов Open Graph:
-
JavaScript-рендеринг:
Как вы отметили, если ваш сайт рендерит метатеги с помощью JavaScript, то некоторые боты, такие как бот Twitter (также известный как twitterbox), не могут их видеть, так как они не выполняют JavaScript. Чтобы решить эту проблему, вам необходимо убедиться, что метатеги генерируются на стороне сервера, чтобы бот мог видеть их в HTML-коде страницы. -
Использование метатегов Twitter:
Хотя Twitter поддерживает Open Graph, он имеет свои специфические метатеги. Рекомендуется добавить метатеги для карточек Twitter, такие какtwitter:title,twitter:description, иtwitter:image. Это поможет обеспечить корректное отображение содержимого, когда ссылки делятся в Twitter. Вы можете ознакомиться с документацией по метатегам Twitter здесь. -
Кэширование на сервере:
Если ваша страница использует кэширование, возможно, что старая версия страницы без метатегов была закэширована. В таком случае, вам нужно будет обновить кэш, чтобы новые метатеги стали видимыми. Если ваш сайт использует CDN (Content Delivery Network), убедитесь, что кэш на уровне CDN также обновлён. -
Проверка файла robots.txt:
Убедитесь, что файлrobots.txtвашего сайта не блокирует доступ к страницам вашего сайта для ботов. Если доступ запрещён, это может повлиять на индексирование метатегов. -
Кэширование на стороне Twitter:
Twitter также кэширует ссылки, которые вы уже делали. Если ваша страница ранее была поделена без метатегов, Twitter может продолжать использовать эту кэшированную версию. В этом случае попробуйте использовать инструмент для обновления кеша, если таковой доступен, или подождите, пока кэш обновится автоматически. - Время и инициализация:
Учтите, что иногда изменения могут занять некоторое время, чтобы стать видимыми. Попробуйте подождать несколько часов, прежде чем делать выводы.
Рекомендации:
- Убедитесь, что метатеги генерируются сервером, а не клиентом.
- Добавьте специфические метатеги для Twitter-карт.
- Обновите кэш, если это необходимо.
- Проверьте настройки относительно robots.txt.
- Используйте инструменты, предлагаемые Twitter, чтобы проверить, какие данные извлекаются с вашей страницы.
Следуя этим рекомендациям, вы должны увидеть, что ваши метатеги корректно обрабатываются при делении ссылок в Twitter и других социальных сетях.