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