Генератор Open Graph тегов для соцсетей
Заполните форму — получите готовый HTML-код мета-тегов для Facebook, Twitter, Telegram и ВКонтакте.
Нужен полный аудит сайта?
Проверьте все страницы сразу — до 50 бесплатно. Получите отчёт в PDF и XLSX за минуту.
Начать аудит бесплатноOpen Graph: как ссылка выглядит в соцсетях и мессенджерах
Open Graph теги задают содержимое карточки ссылки: заголовок, описание и изображение. Без них платформа сама выбирает данные со страницы, и превью часто получается нерелевантным.
Обязательные теги
Минимальный набор для стабильного превью: og:title, og:description, og:image и og:url. Обычно также добавляют og:type и og:site_name. Для X полезен тег twitter:card со значением summary_large_image.
Картинка: технические требования
- Размер: 1200x630 - самый универсальный вариант
- Формат: JPG или PNG
- URL картинки: абсолютный, с
https:// - Файл должен открываться без редирект-цепочек и авторизации
Twitter Card
X поддерживает собственные теги, но при их отсутствии обычно берет данные из OG. Чтобы получить большую карточку, добавьте twitter:card=summary_large_image.
Особенности разных платформ
Facebook, VK, Telegram и X читают OG немного по-разному, но базовый набор тегов работает везде. Если делаете отдельные тексты под платформы, добавляйте специализированные теги только там, где это действительно нужно.
Кеширование превью
Соцсети кешируют карточки ссылки. Если вы поменяли заголовок или картинку, обновите кеш через инструменты платформ: Facebook Sharing Debugger, Twitter Card Validator и @WebpageBot для Telegram.
Чек-лист: что проверить
- Заполнены og:title, og:description, og:image и og:url
- og:image ведет на рабочий абсолютный URL
- Для X добавлен
twitter:card - Превью проверено перед публикацией
- После правок кеш карточки обновлен
Частые вопросы
Что такое Open Graph теги?
Какие теги обязательны?
Какой размер картинки лучше для og:image?
Как проверить, что теги работают?
Инструмент бесплатный?