Изображение OG в WordPress не отображается при публикации записи

В WordPress метатеги Open Graph генерируются SEO-плагином или темой оформления. Конфликт двух источников, кэширование страницы или слишком маленькое изображение — самые частые причины проблем.

Последнее обновление

Проверьте URL-адрес

Обновить предпросмотр

Проверить размер изображения

Быстрое решение


  1. Проверьте публикацию с помощью инструмента проверки метатегов и найдите дублирующиеся теги og:image.

  2. Оставьте вывод Open Graph только в одном плагине и отключите его в остальных.

  3. Очистите кэш страниц, кэш плагинов и кэш CDN.

  4. Обновите ссылку на каждой платформе с помощью инструмента обновления.


Почему изображение WordPress не отображается

  • Два плагина выводят теги Open Graph. Yoast предупреждает, что дублирующиеся теги заставляют Facebook, X и LinkedIn выбирать неправильный текст или изображение.

  • Вывод Open Graph отключен в вашем SEO-плагине.

  • Кэш все еще отдает старый HTML. Учитываются кэши сервера, темы, плагинов и CDN.

  • У записи нет избранного изображения или изображения для соцсетей, поэтому плагин возвращает значение по умолчанию или ничего.

  • Платформа сохранила в кэше старый предпросмотр.

Как это исправить

  1. Откройте публикацию в инструменте проверки метатегов и посчитайте теги og:image. Должен быть только один.

  2. В Yoast SEO перейдите в «Настройки», «Функции сайта», «Публикация в соцсетях» и включите данные Open Graph. Отключите их в любых других плагинах, которые также их выводят.

  3. Установите изображение записи или выберите конкретное изображение на вкладке внешнего вида в соцсетях на боковой панели Yoast.

  4. Очистите все уровни кэша, включая Cloudflare или кэш вашего хостинга.

  5. Проверьте URL-адрес через Sharing Debugger от Facebook и Post Inspector от LinkedIn.

Теги, которые должен выводить ваш плагин

  • og:title, og:description, og:url, og:image

  • og:type со значением article для записей

  • article:published_time и article:modified_time, которые добавляет Yoast

  • twitter:card для X

Правила размера изображений

  • Facebook: минимум 200 x 200 пкс, рекомендуется 1200 x 630 пкс, максимум 8 МБ

  • LinkedIn: минимум 1200 x 627 пкс, максимум 5 МБ

  • WhatsApp: менее 600 КБ

Собственная страница справки Yoast рекомендует сохранять размер изображений до 2 МБ и не более 2000 x 1600 пкс. Проверьте свое изображение с помощью инструмента проверки размера изображений OG.

Как принудительно обновить предпросмотр

Сначала очистите кэш WordPress, затем обновите данные на каждой платформе. Для Facebook требуется нажать «Scrape Again» в Sharing Debugger, для LinkedIn нужен Post Inspector, а для X, Slack и Discord потребуется поделиться URL-адресом с новой строкой запроса. Инструмент обновления содержит ссылки на них все.

Источники

Частые вопросы

Почему Facebook отображает неправильное изображение для моей записи в WordPress?

Обычно теги og:image выводятся двумя плагинами или темой. Оставьте только один источник тегов Open Graph и очистите кэш.

Где настроить изображение для соцсетей в Yoast SEO?

На вкладке «Внешний вид в соцсетях» на боковой панели Yoast в записи. Без этого Yoast будет использовать изображение записи.

Я изменил главное изображение, но Facebook по-прежнему показывает старое. Почему?

Facebook кэширует изображения по URL. Загрузите новое изображение как отдельный файл, затем нажмите «Scrape Again» (Повторить сбор информации) в Sharing Debugger.

Проверьте свою страницу, затем обновите предпросмотр

Вставьте свой URL в бесплатный инструмент проверки, чтобы увидеть, какие именно теги считывает каждое приложение. Как только теги будут настроены правильно, воспользуйтесь инструментом обновления, чтобы очистить старый предпросмотр.

Проверьте URL-адрес

Обновить предпросмотр

Проверить размер изображения

Похожие руководства

Предпросмотр ссылки в Facebook не отображается или не обновляется

Facebook считывает теги Open Graph с помощью собственного краулера и кэширует результат на срок до 30 дней. Исправьте теги и изображение, а затем повторно выполните проверку URL.

Не работает изображение для соцсетей в Shopify

Shopify выбирает изображение для предпросмотра ссылок в строго определенном порядке: сначала код темы, затем настройки темы и только потом изображение в разделе «Настройки». Загрузка не в то место — самая распространенная причина.

Не работает изображение Open Graph в Webflow

В Webflow разметка Open Graph настраивается отдельно для каждой страницы, а не глобально. Для шаблонных страниц CMS требуется поле «Изображение», и все изображения в этой коллекции должны быть одного размера.