Онлайн-проверка Open Graph тегов страницы
Проверьте Open Graph теги страницы: og:title, og:description, og:image. Посмотрите превью ссылки при публикации в социальных сетях.
Превью ссылки (OG Preview)
Open Graph теги
Выводы
Что такое Open Graph
Open Graph — протокол разметки страниц для социальных сетей (Facebook, ВКонтакте, Telegram). Теги og:title, og:description, og:image контролируют, как ссылка выглядит при публикации в соцсетях. Без OG-разметки социальные сети показывают случайный контент со страницы.
Обязательные теги
Минимальный набор: og:title — заголовок ссылки, og:description — описание, og:image — картинка превью (минимум 1200×630 px для лучшего качества), og:url — канонический URL страницы.
Как OG-разметка влияет на трафик из соцсетей
Когда ссылку публикуют в Telegram, ВКонтакте или другой соцсети, площадка показывает не просто текст, а карточку с картинкой, заголовком и описанием. Эта карточка-превью — мини-реклама вашей страницы в ленте. Привлекательное изображение og:image нужного размера, цепляющий og:title и понятное og:description заметно повышают кликабельность: одну и ту же ссылку с красивым превью открывают в разы чаще, чем «голую». Поэтому корректная Open Graph разметка — важная часть SMM и работы с репутацией бренда, даже если на позиции в поиске она не влияет напрямую.
Как проверить и отладить превью ссылки
Наш онлайн-инструмент загружает HTML страницы и показывает все найденные теги og: вместе с наглядным превью карточки — так вы видите результат глазами пользователя соцсети ещё до публикации. Если превью выглядит неправильно или устарело, причина чаще всего в кэше: соцсети и мессенджеры хранят старую версию карточки. Обновить её можно через инструменты отладки — Sharing Debugger у Facebook, бот @WebpageBot в Telegram, отладчик ссылок ВКонтакте. После исправления og-тегов прогоните страницу через валидатор повторно, чтобы убедиться, что заголовок, описание и картинка подтягиваются корректно.
Частые вопросы
Нужны ли OG-теги для SEO?
Напрямую OG-теги не влияют на позиции в Яндексе или Google. Но они важны для кликабельности ссылок в соцсетях и мессенджерах. Ссылки с красивым превью получают больше кликов. Кроме того, Twitter/X использует собственный протокол Twitter Cards, а Facebook — OG-теги.
Какой размер изображения для og:image?
Рекомендуемый размер — 1200×630 пикселей, соотношение сторон 1.91:1. Минимальный размер для отображения — 600×315 px. Файл должен быть доступен по прямому URL (без редиректов) и весить менее 8 МБ. Форматы: JPG, PNG, GIF.
Какие Open Graph теги обязательны?
Минимальный набор: og:title — заголовок ссылки, og:description — описание, og:image — картинка превью, og:url — канонический URL страницы. Желательно также указать og:type и og:site_name. Без этих тегов соцсеть подбирает контент превью наугад.
Нужны ли отдельные теги для Twitter (X)?
Twitter/X использует протокол Twitter Cards с тегами twitter:card, twitter:title, twitter:image. Если их нет, Twitter подхватывает Open Graph-теги как запасной вариант, поэтому корректная OG-разметка работает и там. Для полного контроля над карточкой в X стоит добавить и собственные twitter-теги.
Почему превью в Telegram не обновляется?
Telegram кэширует превью ссылок. После изменения OG-тегов используйте бота @WebpageBot в Telegram: отправьте ему ссылку — он принудительно обновит кэш. ВКонтакте обновляет кэш автоматически примерно раз в сутки или через инструмент отладки в VK.
Что если у страницы нет og:image?
Без og:image соцсеть либо покажет ссылку без картинки, либо подставит случайное изображение со страницы — например, логотип или иконку. Такое превью выглядит менее привлекательно и собирает меньше кликов. Картинку 1200×630 стоит задать на каждой важной странице сайта.
Чем og:title отличается от обычного title?
Тег title отвечает за заголовок в поисковой выдаче, а og:title — за заголовок в превью при репосте в соцсети или мессенджер. Они могут совпадать, но og:title можно сделать более ярким и эмоциональным: его задача — привлечь клик в ленте, а не ранжирование.
Зачем нужен тег og:type?
Тег og:type сообщает соцсети тип контента: website для обычной страницы, article для статьи, product для товара. Это помогает площадке правильно интерпретировать страницу и показывать подходящее превью. Для большинства сайтов достаточно значения website, для блога — article.
ИИ проверит 50+ параметров: SEO, скорость, юзабилити, контент. Конкурентный анализ и план действий.