Open Graph
Open Graph это протокол разметки, который через специальные мета-теги в HTML задаёт, как ссылка на страницу выглядит при публикации в соцсетях и мессенджерах: заголовок, описание и картинку превью. Изначально его создал Facebook, но теги считывают ВКонтакте, Telegram и другие площадки.
Обновлено: 13 июля 2026Как это работает
В секции head страницы прописывают мета-теги вида og:title, og:description, og:image, og:url. Когда пользователь делится ссылкой, соцсеть или мессенджер считывает эти теги и собирает из них карточку-превью с заголовком, текстом и картинкой. Без разметки площадка подставляет что придётся: случайный кусок текста и первую попавшуюся картинку, и превью выглядит неопрятно.
Зачем это бизнесу
Аккуратное превью с внятным заголовком и качественной картинкой заметно повышает кликабельность ссылок, которыми делятся в соцсетях, чатах и рассылках. Для компании это бесплатный способ выглядеть солиднее в каждой расшаренной ссылке: на кейс, статью или страницу услуги. Настройка Open Graph это разовая техническая задача, а работает она на каждой публикации.
Разработка и поддержка сайтов в наших проектах
Термин «Open Graph» относится к направлению «Разработка и поддержка сайтов». Ниже проекты, где мы это направление вели. Цифры из отчётов и систем аналитики клиентов, не расчётные.
Частые вопросы
Какие Open Graph-теги нужны в первую очередь?
Минимум: og:title (заголовок), og:description (описание) и og:image (картинка превью). Желательно добавить og:url и og:type. Этого хватает, чтобы карточка ссылки выглядела опрятно.
Почему при отправке ссылки не подтягивается картинка?
Чаще всего не задан тег og:image или картинка слишком тяжёлая либо недоступна роботу. Ещё соцсети кешируют превью, поэтому после правок нужно сбросить кеш в отладчике площадки.