Настроить Open Graph в WordPress через Yoast SEO в 2026 году можно за 15–20 минут: включите Open Graph в настройках плагина, задайте корректные og:title, og:description и og:image для главной и важных страниц, поставьте изображение по умолчанию и проверьте превью ссылки через отладчики соцсетей. Этого достаточно, чтобы ссылки на сайт нормально выглядели в Facebook, WhatsApp, Telegram, LinkedIn и других площадках, где люди до сих пор судят о сайте по картинке и заголовку.
Если превью ссылки выглядит странно, проблема обычно не в «магии соцсетей», а в базовых настройках: не задана картинка, конфликтуют два SEO-плагина, не обновился кэш или Open Graph вообще выключен. Ниже разберём всё пошагово, без шаманства и лишней теории.
📌 Что такое Open Graph и зачем он нужен сайту на WordPress?
Open Graph, или OG-разметка, это набор метатегов в коде страницы, который подсказывает соцсетям и мессенджерам, какой заголовок, описание и изображение показывать при публикации ссылки. Для SEO в прямом смысле это не фактор ранжирования, но косвенно Open Graph влияет на кликабельность, узнаваемость и качество первого касания с сайтом.
Если OG не настроен, платформа сама выбирает картинку и текст. Иногда угадывает, но чаще получается лотерея: вместо красивой обложки влетает логотип из футера, обрезанная фотография или вообще пустой блок. Красиво, конечно, если вы фанат хаоса.
⚙️ Как включить Open Graph в Yoast SEO?
В новых версиях Yoast SEO логика стала проще: часть социальных настроек находится в разделе SEO, а часть, связанная с конкретной страницей, доступна прямо в редакторе записи.
- 🟢 Установите и активируйте Yoast SEO.
- 🟢 Перейдите в настройки плагина и убедитесь, что социальные метаданные включены.
- 🟢 Откройте любую страницу или запись и найдите блок социальной выдачи.
- 🟢 Заполните отдельные поля для заголовка, описания и изображения, если хотите переопределить значения вручную.
По данным документации Yoast, плагин сам выстраивает иерархию: сначала берёт ручные значения для соцсетей, затем шаблоны social title/social description, потом SEO title и meta description. Это удобно, потому что можно не настраивать каждую страницу с нуля, а задать нормальную логику по умолчанию.
🖼️ Как правильно настроить og:image в WordPress?
Именно картинка чаще всего ломает превью. Рекомендация простая: используйте изображение в горизонтальном формате, желательно около 1200×630 px, на HTTPS и без мелкого текста, который невозможно прочитать на мобильном.
Для настройки og:image в Yoast SEO сделайте три вещи:
- ✅ Назначайте featured image для записей и страниц.
- ✅ Для ключевых материалов задавайте отдельную social image в Yoast, если стандартная картинка не подходит.
- ✅ Установите дефолтное изображение для тех страниц, где картинки нет.
Это особенно важно для служебных страниц, категорий, контактов и главной. Иначе ссылка может уходить в соцсети без изображения, а это выглядит как сайт, который делали в спешке в три часа ночи.
✍️ Какими должны быть og:title и og:description?
Хороший og:title не обязан дословно повторять SEO title. В поиске и в соцсетях у страницы разный контекст показа, поэтому можно писать чуть живее и понятнее для клика. Например, в поиске нужен акцент на ключевой запрос, а в соцсетях лучше работает короткий и конкретный заголовок с пользой.
Для og:title:
- 🔹 держите длину примерно до 60–70 символов;
- 🔹 ставьте главный смысл в начало;
- 🔹 не дублируйте бренд дважды.
Для og:description:
- 🔹 пишите 120–160 символов;
- 🔹 объясняйте, что человек получит после клика;
- 🔹 не пихайте ключевые слова через запятую, это уже не 2012 год.
Если времени мало, задайте шаблоны по умолчанию через переменные Yoast, а для статей и посадочных страниц редактируйте вручную только самые важные URL.
🧭 Как настроить Open Graph для главной страницы?
Главная страница часто расшаривается чаще, чем любая статья, но именно её забывают настраивать. В итоге соцсети тянут случайный title, старое описание или картинку из шапки.
Для главной страницы проверьте отдельно:
- 🏠 корректный social title, который объясняет, чем полезен сайт;
- 🏠 понятное описание без воды;
- 🏠 отдельную обложку, а не логотип в плохом разрешении;
- 🏠 совпадение канонического URL и реального адреса сайта.
Если на сайте используется статическая главная, правьте OG-поля прямо у этой страницы. Если главная собирается как лента записей, настройки ищите в общих параметрах внешнего вида поиска и социальных данных.
🚀 Пошаговая настройка Open Graph в Yoast SEO
- Откройте WordPress и убедитесь, что установлен только один основной SEO-плагин, например Yoast SEO.
- Включите социальные метаданные и Open Graph в настройках плагина.
- Добавьте default image для сайта, чтобы пустые страницы не оставались без обложки.
- Настройте social title и social description для главной страницы.
- Для важных записей и страниц задайте отдельные og:title, og:description и og:image.
- Проверьте, чтобы featured image имела нормальный размер и открывалась по HTTPS.
- Откройте исходный код страницы и найдите теги
og:title,og:descriptionиog:image. - Прогоните URL через отладчик соцсети или мессенджера, если превью не обновилось сразу.
❌ Какие ошибки мешают нормальному превью ссылки?
- 🚫 На сайте одновременно стоят Yoast и ещё один SEO/OG-плагин, из-за чего теги дублируются.
- 🚫 Не задана картинка по умолчанию.
- 🚫 Загружается слишком маленькое изображение или файл без HTTPS.
- 🚫 После правок не очищен кэш сайта, CDN или кэш соцсети.
- 🚫 Для страницы закрыта индексация или стоят некорректные meta robots, из-за чего некоторые сервисы читают её криво.
- 🚫 Используется слишком длинный заголовок, который обрезается и выглядит неряшливо.
Если на сайте важна каждая заявка, такие мелочи лучше чинить сразу. Хорошее превью ссылки влияет на переходы из Telegram-чатов, WhatsApp-диалогов, публикаций в VK и репостов в LinkedIn. Это не волшебная кнопка роста, но вполне рабочая гигиена сайта.
🔍 Как проверить, что Open Graph работает правильно?
Самый быстрый способ, это открыть исходный код страницы и найти все теги с префиксом og:. Если они есть, уже неплохо. Дальше проверьте фактическое превью в отладчике нужной платформы или просто отправьте ссылку себе в мессенджер, где часто делитесь материалами.
Смотрите не только на наличие тега, но и на результат:
- 👀 правильный ли заголовок выводится;
- 👀 не обрезается ли описание;
- 👀 подгружается ли нужная картинка;
- 👀 не тянется ли старая версия превью из кэша.
Если вы продвигаете сайт самостоятельно, такие проверки лучше добавить в базовый SEO-чеклист после публикации каждой важной страницы.
💼 Что ещё улучшить вместе с Open Graph?
Одна OG-настройка не вытянет сайт в топ, но в связке с базовой SEO-оптимизацией она работает сильно лучше. Проверьте title, description, XML-карту сайта, robots.txt, ЧПУ, скорость загрузки и внутреннюю перелинковку. Если сайт ещё только запускается, полезно сразу выбрать нормальный хостинг без вечных тормозов: Бегет или Timeweb.
А если хотите собрать сайт или довести текущий проект до внятного состояния, посмотрите другие материалы на delay.site. Там как раз без сказок про «секретные кнопки SEO».
❓ FAQ по настройке Open Graph в WordPress
Нужно ли ставить отдельный плагин Open Graph, если уже есть Yoast SEO?
Нет, обычно не нужно. Yoast SEO сам генерирует OG-теги. Отдельный плагин чаще создаёт дубли и конфликты.
Почему в Telegram или WhatsApp показывается старая картинка?
Чаще всего виноват кэш. Проверьте кэш сайта, CDN и попробуйте обновить превью повторной отправкой ссылки после изменения OG-полей.
Можно ли использовать одну и ту же картинку для всех страниц?
Можно, но лучше только как fallback. Для важных страниц и статей эффективнее задавать отдельные изображения под тему материала.
Open Graph влияет на позиции в Яндексе и Google?
Напрямую, как фактор ранжирования, нет. Но влияет на кликабельность и на то, как ссылка выглядит при распространении, а это уже помогает трафику косвенно.
Какой размер картинки лучше для og:image?
Практичный ориентир, это около 1200×630 px, горизонтальный формат, небольшой вес файла и обязательный HTTPS.
Нужно ли отдельно настраивать Twitter Cards?
Желательно проверить, но в большинстве сценариев Yoast закрывает эту задачу вместе с социальной разметкой. Главное, чтобы не было конфликтов с другими плагинами.
Что важнее сначала, SEO title или og:title?
Оба важны, но для поиска приоритетнее SEO title, а для репостов и соцсетей, og:title. Идеально, когда они согласованы по смыслу, но не обязаны быть одинаковыми.