Open Graph

Главная Словарь Open Graph

Open Graph — это протокол разметки, который позволяет управлять тем, как страницы сайта выглядят при публикации ссылок в социальных сетях и мессенджерах.

Что такое Open Graph

Open Graph (OG) — это набор мета-тегов, разработанный Facebook*, который передаёт социальным платформам информацию о содержимом страницы. Благодаря Open Graph можно задать заголовок, описание, изображение и другие элементы предпросмотра ссылки.

Без OG соцсети автоматически подтягивают данные, которые могут быть нерелевантными или выглядеть некорректно.

Зачем нужен Open Graph

Корректное отображение ссылок. Позволяет контролировать внешний вид сниппета при расшаривании.
Повышение кликабельности. Привлекательный превью увеличивает CTR.
Единый визуальный стиль. Поддерживает айдентику бренда в соцсетях.
Управление контентом. Можно задавать разные заголовки для сайта и соцсетей.

Основные Open Graph теги

Чаще всего используются:

og:title — заголовок страницы;
og:description — описание;
og:image — изображение для превью;
og:url — канонический URL страницы;
og:type — тип контента (website, article и др.);
og:site_name — название сайта.

Пример Open Graph разметки

Где используется Open Graph

в социальных сетях (Facebook*, VK, LinkedIn);
в мессенджерах (Telegram, WhatsApp);
при публикации ссылок в чатах и лентах;
в email-клиентах с поддержкой предпросмотра.

Open Graph и SEO

Open Graph не является прямым фактором ранжирования, но косвенно влияет на SEO за счёт:

повышения CTR ссылок;
улучшения пользовательского восприятия;
роста трафика из соцсетей.

Ошибки при работе с Open Graph

отсутствие OG-тегов;
слишком длинные заголовки и описания;
некорректные размеры изображений;
использование относительных URL;
несоответствие контента страницы OG-данным.

Итог

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

Open Graph — это первое впечатление о странице ещё до перехода на сайт.