Генератор Open Graph
Заполните поля — получите готовые мета-теги Open Graph и Twitter Card. С ними ссылка на ваш сайт будет показываться в соцсетях и мессенджерах с красивым превью: заголовком, описанием и картинкой. Скопируйте теги в раздел <head> страницы.
Что такое Open Graph и зачем он нужен
Open Graph — это набор специальных мета-тегов, которые управляют тем, как ссылка на ваш сайт выглядит при репосте в соцсетях и мессенджерах: ВКонтакте, Телеграме, WhatsApp, Одноклассниках. Без них вместо красивой карточки с картинкой и описанием показывается голый адрес, который мало кто захочет открыть. Грамотно заполненная разметка повышает кликабельность ссылок и узнаваемость бренда, а значит — приносит больше переходов из соцсетей.
Какие теги генерирует сервис
Инструмент создаёт основные теги Open Graph: og:title (заголовок), og:description (описание), og:image (картинка превью), og:url (адрес страницы), og:type (тип контента) и og:site_name (название сайта). Дополнительно добавляются теги Twitter Card, чтобы превью корректно отображалось и в X (Twitter). Картинку лучше брать размером 1200×630 пикселей — это стандарт, при котором изображение не обрезается.
Как применить
Заполните поля и скопируйте готовый блок тегов, затем вставьте его в раздел <head> нужной страницы сайта. После этого проверьте результат: ВКонтакте и Телеграм кэшируют превью, поэтому при повторной проверке ссылки иногда нужно подождать или сбросить кэш через официальные отладчики Open Graph. Один раз настроив разметку, вы получите аккуратные карточки при любом репосте.