Open Graph (OG) — протокол, разработанный Facebook в 2010 году, позволяющий веб-страницам управлять внешним видом своих превью при шеринге в социальных сетях. Без Open Graph Facebook, ВКонтакте, Telegram и другие соцсети самостоятельно выбирают заголовок, описание и изображение для превью, часто с неожиданным результатом. С Open Graph вы полностью контролируете этот вид.
Open Graph теги размещаются в разделе <head> страницы. Они не отображаются пользователю напрямую, но считываются соцсетями и мессенджерами при генерации превью.
Основные Open Graph теги
- og:title — заголовок превью (не обязан совпадать с <title>).
- og:description — описание в превью (не обязан совпадать с meta description).
- og:image — URL изображения для превью. Рекомендуемый размер: 1200×630 пикселей, формат JPG/PNG, не более 8 МБ.
- og:url — канонический URL страницы.
- og:type — тип контента: website, article, product, video.movie.
- og:site_name — название сайта.
- og:locale — язык: ru_RU, en_US.
Расширенные теги для статей
article:author— ссылка на Facebook-профиль автора.article:published_time— дата публикации в ISO 8601.article:section— раздел/рубрика.article:tag— теги статьи.
Open Graph и SEO
Open Graph не влияет на ранжирование в поисковых системах напрямую. Его влияние косвенное: привлекательное превью в соцсетях → больше кликов на шаренные ссылки → больше трафика → больше поведенческих сигналов. Для контент-маркетинга качественное og:image — критичный элемент вирального распространения публикаций.
Часто задаваемые вопросы
Как настроить Open Graph в WordPress?
Плагины SEO (Rank Math, Yoast) автоматически добавляют og-теги для каждой страницы — используя title, meta description и избранное изображение как og:image. В Rank Math: «SEO» → «Social» на каждой странице для кастомизации. Рекомендация: обязательно загружайте избранное изображение (featured image) в правильном размере (1200×630), так как оно используется как og:image по умолчанию.
Почему соцсеть показывает старое превью после обновления og-тегов?
Соцсети кэшируют превью. Для принудительного обновления: Facebook — Sharing Debugger (developers.facebook.com/tools/debug) → введите URL → «Fetch new scrape information». ВКонтакте — кэш автоматически обновляется через несколько часов. Telegram — кэш обычно обновляется при следующем шеринге. Важно: после обновления og:image поменяйте имя файла изображения, чтобы гарантировать загрузку нового контента.
Нужно ли разное og:image для разных соцсетей?
Facebook/ВКонтакте используют og:image. Twitter/X использует twitter:image (из протокола Twitter Cards). При отсутствии twitter:image Twitter берёт og:image. ВКонтакте дополнительно поддерживает vk:image. Практическое решение: одно качественное изображение 1200×630 покрывает большинство платформ. Если нужна кастомизация под Twitter — добавьте twitter:image отдельно.
Какой og:type выбрать — website или article?
Главная страница и статические страницы (о нас, контакты) — og:type=»website». Статьи и посты блога — og:type=»article». Товары — og:type=»product» (Facebook поддерживает, остальные — website). При og:type=»article» можно добавить article:published_time и article:author — это корректнее для Facebook отображения. Rank Math автоматически устанавливает правильный тип в зависимости от типа записи WordPress.
