Перейти к содержимому
Попробовать

Превью в соцсетях

Введите URL и сразу увидите карточку ссылки в Facebook, Telegram и X, а также список найденных и отсутствующих OG-тегов.

Нужен полный аудит сайта?

Проверьте все страницы сразу — до 50 бесплатно. Получите отчёт в PDF и XLSX за минуту.

Начать аудит бесплатно

Open Graph теги: зачем нужны и как настроить правильно

Когда ссылку публикуют в соцсети, платформа строит карточку из OG-тегов. Если тегов нет или они заполнены с ошибками, превью может быть некорректным: случайный заголовок, обрезанное описание или неподходящая картинка.

Минимальный набор тегов

  • og:title - заголовок карточки
  • og:description - описание карточки
  • og:image - изображение превью
  • twitter:card - тип карточки для X

OG-теги и SEO

OG-теги не являются прямым фактором ранжирования, но влияют на качество трафика из соцсетей. Чем понятнее и аккуратнее карточка, тем выше шанс клика и повторного шаринга.

Как обновить кеш превью

Платформы кешируют карточку ссылки. После правок в тегах старое превью может отображаться до принудительного обновления кеша.

  • Facebook: Sharing Debugger и кнопка Scrape Again
  • X: Card Validator
  • Telegram: бот @webpagebot
  • VK: инструменты разработчика VK

Частые ошибки

Чаще всего проблемы возникают из-за маленькой картинки, невалидного URL изображения, отсутствия twitter:card и старого кеша после обновлений. Проверка превью перед публикацией закрывает большую часть этих ошибок.

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

Что такое Open Graph теги?

Open Graph (OG) — протокол разметки, созданный Facebook. Теги og:title, og:description и og:image определяют, как выглядит превью ссылки при публикации в соцсетях и мессенджерах. Без OG-тегов платформы собирают данные автоматически — результат часто некорректный.

Какие OG-теги обязательны?

Минимальный набор: og:title, og:description и og:image. Для Twitter добавьте twitter:card (обычно summary_large_image). Тег og:url указывает канонический адрес при расшаривании.

Какой размер og:image рекомендуется?

1200×630 пикселей (соотношение 1.91:1) — универсальный размер для Facebook, Twitter и Telegram. Минимум для Facebook — 600×315. Изображение меньше 200×200 может не отобразиться. Используйте JPG или PNG, не SVG.

Twitter использует OG-теги?

Да. Twitter поддерживает собственные теги (twitter:title, twitter:description, twitter:image), но при их отсутствии берёт OG-теги как фоллбэк. Достаточно заполнить OG-теги и добавить twitter:card для типа карточки.

Влияют ли OG-теги на SEO?

Напрямую — нет, OG-теги не являются фактором ранжирования. Но качественное превью увеличивает кликабельность в соцсетях, приводит трафик и генерирует поведенческие сигналы. Ссылки с красивым превью расшаривают в 2-3 раза чаще.

Как обновить кеш превью в Facebook?

Используйте Facebook Sharing Debugger (developers.facebook.com/tools/debug). Вставьте URL и нажмите «Scrape Again» — Facebook перечитает OG-теги и обновит кеш. Для Telegram отправьте ссылку боту @webpagebot.

Как Telegram отображает превью?

Telegram читает og:title, og:description и og:image. Превью формируется при первой отправке ссылки и кешируется. Для обновления используйте бота @webpagebot. Telegram отображает до 3 строк описания и изображение 1.91:1.

Инструмент бесплатный?

Да, проверка Open Graph полностью бесплатна и не требует регистрации. Для полного аудита всего сайта (до 50 страниц бесплатно) воспользуйтесь основным инструментом SEO Crawler.

Полезные статьи

Похожие инструменты