Маркетинговое агентство
полного цикла
Получить консультацию
Веб-технологии

Open Graph

Open Graph — это протокол разметки, который через специальные мета-теги в HTML задаёт, как ссылка на страницу выглядит при публикации в соцсетях и мессенджерах: заголовок, описание и картинку превью. Изначально его создал Facebook, но теги считывают ВКонтакте, Telegram и другие площадки.

Обновлено: 13 июля 2026

Как это работает

В секции head страницы прописывают мета-теги вида og:title, og:description, og:image, og:url. Когда пользователь делится ссылкой, соцсеть или мессенджер считывает эти теги и собирает из них карточку-превью с заголовком, текстом и картинкой. Без разметки площадка подставляет что придётся — случайный кусок текста и первую попавшуюся картинку, и превью выглядит неопрятно.

Зачем это бизнесу

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

Остались вопросы по теме «Open Graph»?Спросите ИИ-двойника Дмитрия Ларионова — ответит на языке вашего производства, с примерами.
Смежные терминыIframeHTML5SSLШапка сайта
Нужен smm для b2b? Построим присутствие в Telegram и VK, которое работает на сделки.
Смотреть услугу →
← Вся база знаний
вопросы

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

Какие Open Graph-теги нужны в первую очередь?

Минимум — og:title (заголовок), og:description (описание) и og:image (картинка превью). Желательно добавить og:url и og:type. Этого хватает, чтобы карточка ссылки выглядела опрятно.

Почему при отправке ссылки не подтягивается картинка?

Чаще всего не задан тег og:image или картинка слишком тяжёлая либо недоступна роботу. Ещё соцсети кешируют превью, поэтому после правок нужно сбросить кеш в отладчике площадки.