Как пользоваться
- 1Введите адрес страницы.
- 2Запустите проверку — мы извлечём теги og: и twitter:.
- 3Сравните превью для разных платформ.
- 4Исправьте предупреждения, например отсутствующее изображение.
Что такое Open Graph
Open Graph — это набор мета-тегов (og:title, og:description, og:image, og:url), из которых соцсети и мессенджеры собирают карточку ссылки. Если тегов нет, площадка возьмёт случайную картинку и кусок текста со страницы, и карточка будет выглядеть неаккуратно. Telegram, WhatsApp и ВКонтакте тоже читают Open Graph, поэтому одна правильная разметка работает почти везде.
Требования к изображению
Оптимальный размер og:image — 1200×630 пикселей (соотношение примерно 1.91:1), формат JPG или PNG, вес до нескольких сотен килобайт. Важные надписи держите ближе к центру: в разных превью картинка обрезается по-разному. Для X (Twitter) добавьте twitter:card со значением summary_large_image, чтобы показывалось крупное изображение.
Частые вопросы
Я обновил og:image, а в Telegram старая картинка. Почему?
Мессенджеры и соцсети кэшируют превью. В Telegram можно обновить его через бота @WebpageBot, в Facebook — через Sharing Debugger; в остальных случаях помогает добавление параметра к URL.
Нужны ли отдельные теги для Twitter?
Не обязательно: X использует теги Open Graph как запасной вариант. Но twitter:card нужен, чтобы выбрать формат карточки.
Влияет ли Open Graph на SEO?
Напрямую на позиции — нет, но привлекательная карточка повышает кликабельность ссылки в соцсетях и мессенджерах.
Результаты не радуют?
Обратитесь в Webin Agency: быстрые сайты с SEO-оптимизацией, интернет-магазины и ведение Google Ads.