Вы меняете «изображение записи» в WordPress, кидаете ссылку в Telegram — превью старое: чужая картинка или пустая карточка. Сайт в браузере цел, а в чате выглядит сломанным. Open Graph — скрытые подсказки для мессенджеров: заголовок, текст и картинка в карточке ссылки. Сегодня включите OG в Yoast или Rank Math, заполните Social на одной странице и проверьте через @WebpageBot без правки темы.
Open Graph не заменяет SEO-заголовок в Google, но отвечает за вид ссылки в Telegram, VK и других чатах. Минимум для старта: og:title, og:description, og:image с абсолютным https-адресом и og:url. Картинку лучше готовить 1200×630 px; в коде должен остаться один источник тегов. После правок кэш мессенджера сбрасывают через @WebpageBot, иначе в чате будет старая карточка даже при верной разметке.
На практике превью — отдельный слой: вы настроили SEO-плагин, а в чате всё ещё прошлое изображение. Так бывает из-за кэша Telegram и из-за того, что миниатюра записи и «Facebook image» в соцвкладке — не одно и то же. Честно говоря, половина нервов уходит на дубли og-тегов, когда тема и плагин выводят разметку дважды.
Удивительный, но частый момент: для крупного превью в Telegram иногда нужен не только og:image, но и twitter:card со значением summary_large_image. Без этой пары мессенджер может сжать картинку в маленький квадрат, хотя файл большой. Это не магия соцсетей — просто разные сервисы читают разные поля из одной страницы.
- Разберите, зачем карточка ссылки решает доверие к сайту
- Проверьте, что сайт уже отдаёт в исходном коде
- Настройте Yoast SEO или Rank Math для одной записи
- Отделите картинку записи от картинки для шеринга
- Задайте разные карточки для главной, услуг и блога
- Обновите кэш превью и убедитесь, что всё сработало
- Частые вопросы
- Чем Open Graph отличается от title в SEO-плагине?
- Нужен ли отдельный плагин только для OG?
- Почему в Telegram старая картинка после правок?
- Какое разрешение у og:image в 2026 году?
- Можно ли задать OG без Yoast и Rank Math?
- Почему в коде два og:title?
- Влияет ли OG на позиции в поиске?
Разберите, зачем карточка ссылки решает доверие к сайту
Когда клиент видит ссылку на услугу или статью, он судит по заголовку и картинке за секунду. Пустая или случайная миниатюра выглядит как «брошенный сайт», даже если внутри сильный текст. Open Graph (сокращённо OG) — набор служебных метатегов в HTML: робот мессенджера их не показывает в окне браузера, но собирает из них карточку при вставке URL.
Типичная ошибка: ждать, что красивый дизайн страницы сам попадёт в чат. Нет — туда уходит то, что прописано в og:title, og:description и og:image. По официальному протоколу ogp.me обязательный минимум включает ещё og:type и og:url. Для блога и лендинга обычно ставят type article или website — плагин подставит сам.
Проверьте, что сайт уже отдаёт в исходном коде
Боль «я ничего не трогал, а картинка чужая» часто начинается с темы: многие шаблоны сами печатают og:image из первой картинки в контенте или из логотипа. Параллельно Yoast или Rank Math добавляет свой набор — и соцсеть выбирает первый попавшийся тег.
- Откройте тестовую запись в браузере → правый клик → «Просмотр кода страницы» (или Ctrl+U).
- Найдите строки property=»og:title», og:description, og:image, og:url.
- Посчитайте: каждого свойства должно быть по одному разу. Два og:image — сигнал конфликта.
- Скопируйте URL из og:image и откройте в новой вкладке: картинка грузится по https без редиректа на login?
- Дополнительно вставьте адрес страницы в Sharing Debugger Meta — сервис покажет, что увидит Facebook и многие другие потребители OG.
В реальном проекте на форуме WordPress.org чаще всего советуют отключить Open Graph в настройках темы, если активен Yoast: один генератор, одна правда. Jetpack и отдельные «лёгкие» OG-плагины с wordpress.org тоже могут дублировать разметку — оставьте один инструмент.
Настройте Yoast SEO или Rank Math для одной записи
Используйте один SEO-плагин на весь сайт. Второй «на всякий случай» почти гарантированно даст двойные теги и странное превью — избегайте такой связки.
| Шаг | Yoast SEO | Rank Math |
|---|---|---|
| Включить OG глобально | Settings → Site features → Social sharing → Open Graph data | Rank Math → General Settings → Social Meta → OpenGraph |
| Картинка по умолчанию | Social → Facebook → Default image (1200×630) | Titles & Meta → Global → OpenGraph Thumbnail |
| На одной записи | Блок Yoast → Social → Facebook image, title, description | Вкладка Social на записи: Title, Description, Image |
| Крупное превью в Telegram | Social → Twitter → Card type: Summary with large image | Social Meta → Twitter Card: Summary Card with large image |
Если вы только подключаете Rank Math, полезно свериться с базовой настройкой Rank Math — там же задают глобальные шаблоны заголовков, чтобы OG не расходился с видимым title.
- Включите Open Graph в настройках плагина (см. таблицу).
- Загрузите дефолтное изображение 1200×630 px для страниц без своей иллюстрации.
- Откройте тестовую запись → Social / Social media appearance.
- Заполните заголовок для шеринга короче 60-70 знаков, описание 2-3 фразы, отдельную картинку.
- Сохраните запись и снова откройте исходный код — проверьте один набор og:*.
Отделите картинку записи от картинки для шеринга
Боль «заполнил только миниатюру — в чате другое фото» объясняется иерархией Yoast: сначала берётся Facebook image из соцвкладки, потом featured image, потом дефолт сайта. Rank Math работает похоже: явное поле Social image важнее обложки в редакторе.
Meta для link shares рекомендует og:image не меньше 1200×630 пикселей, минимум для отображения — 200×200, файл до 8 МБ. Формат JPEG или PNG, без мелкого текста по краям — мессенджер обрежет края. На практике делайте запас по центру: логотип и заголовок в «безопасной зоне», а не у рамки.
Сделайте отдельный баннер для OG, если обложка в статье вертикальная или с мелкими деталями. Не делайте ставку на то, что WordPress сам угадает кадр из галереи — соцсеть возьмёт первую попавшуюся картинку из контента, если поле пустое.
Задайте разные карточки для главной, услуг и блога
На главной и странице услуг другой смысл, чем у поста: вместо заголовка статьи нужен оффер и узнаваемый визуал бренда. В Yoast откройте редактирование страницы (не запись) и заполните Social так же, как для поста. В Rank Math — вкладка Social на каждой странице плюс глобальные шаблоны в Titles & Meta.
Типичная ошибка: один og:title на весь сайт из настроек темы, а на блоге — другой SEO title. Пользователь в чате видит третий вариант. Сверьте видимый title, meta description для поиска и поля Social — они могут отличаться, но не должны противоречить друг другу по смыслу. Для канонического адреса страницы смотрите настройку canonical в WordPress, чтобы og:url не вёл на черновик или дубль.
Обновите кэш превью и убедитесь, что всё сработало
Meta в FAQ по шерингу прямо пишет: смена og:* влияет на будущие репосты, уже отправленные сообщения в Telegram не перерисуются. Значит, вы проверяете новую отправку ссылки, а не старый пузырь в чате.
Схема после правок:
Сохранить запись в WP → проверить код / Debugger → написать @WebpageBot в Telegram → дождаться ответа → отправить ссылку в чат заново
- Исправьте og:image и twitter:card в SEO-плагине, сохраните страницу.
- Очистите кэш сайта, если стоит плагин кэширования — иначе в HTML останется старая разметка (см. кэширование WordPress).
- В Telegram откройте диалог с @WebpageBot, отправьте URL страницы, при необходимости команду /updatepreview.
- Дождитесь подтверждения от бота, затем вставьте ссылку в тестовый чат.
- Сравните заголовок и картинку с тем, что задали в Social — это и есть ваш критерий успеха.
Критерий готовности: один набор og:title, og:description, og:image и og:url в коде; Debugger без ошибок по картинке; новая отправка в мессенджер с актуальной карточкой. Если после бота старое — ищите дубли тегов или кэш CDN.
Нет времени разбирать конфликт темы и плагинов — напишите в форму на сайте или в Telegram (мессенджер, без звонка). Сайты и превью для статей — в разделе услуги.
Материал проверен: Андрей Дикий (создаёт сайты и продвигает их статьями (SEO/GEO)).
Достоверность данных: The Open Graph protocol (ogp.me), Meta Sharing docs (images, FAQ), Yoast Help и developer spec по og:image, Rank Math KB по Social Meta, WordPress.org support про дубли og-тегов, сценарий @WebpageBot (Wix HC, Stack Overflow); частотность запросов — Яндекс Вордстат, сентябрь 2026 (MCP недоступен, точные показы не получены).
Частые вопросы
Чем Open Graph отличается от title в SEO-плагине?
SEO title и description нужны поисковику для сниппета в Google и Яндексе. Поля Social (og:title, og:description) — для карточки ссылки в мессенджерах и соцсетях. Их можно сделать короче или эмоциональнее, но смысл должен совпадать со страницей.
Нужен ли отдельный плагин только для OG?
Если уже стоят Yoast SEO или Rank Math — отдельный плагин с wordpress.org обычно не нужен и часто создаёт дубли. Отдельный лёгкий OG имеет смысл только на минимальной установке без SEO-плагина.
Почему в Telegram старая картинка после правок?
Мессенджер кэширует превью по URL. Обновите og:image, сохраните страницу, сбросьте кэш сайта, отправьте ссылку @WebpageBot и проверьте новую отправку в чат — не старое сообщение.
Какое разрешение у og:image в 2026 году?
Ориентир Meta — 1200×630 px, минимум 200×200, файл до 8 МБ. Rank Math и Yoast в справке повторяют 1200×630 для предсказуемого кадра.
Можно ли задать OG без Yoast и Rank Math?
Теоретически — вручную в header.php или через сниппет, но для новичка это риск ошибки и обновлений темы. Проще один SEO-плагин и вкладка Social на записи.
Почему в коде два og:title?
Тема, Jetpack или второй SEO-плагин выводят свою разметку. Отключите OG в теме и оставьте один источник — затем снова «Просмотр кода» и Sharing Debugger.
Влияет ли OG на позиции в поиске?
Напрямую на ранжирование — слабо; влияет на клики из чатов и соцсетей, доверие к бренду и трафик на статьи. Для маркетолога это часть той же воронки, что и нормальный SEO title.
