Проверка Open Graph
Считаем og:* и twitter:* из HTML. Как соцсеть обрежет картинку — решают их кэши, не мы.
Как пользоваться
- 1Вставьте URL, которым делитесь в соцсетях.
- 2Сверьте og:title, og:description и og:image.
- 3Если тегов нет, превью возьмут из обычных title и текста.
- 4После правки сбросьте кэш VK/Telegram — они помнят старую картинку.
Зачем нужен Open Graph
Когда ссылку вставляют в VK, Telegram, Facebook или мессенджер, превью почти всегда берётся из og:title, og:description и og:image. Без них карточка серая или с случайным фото из середины статьи.
Инструмент вычитывает meta property/name из ответа сервера. Мы не ходим в API соцсетей и не обещаем, что их робот увидит то же самое: у них свой кэш и иногда свой бот.
Какие поля важны
og:title и og:description — текст карточки. og:image — абсолютный HTTPS-адрес картинки достаточного размера. og:url — каноническая ссылка шаринга. twitter:card имеет смысл, если ведёте трафик в X.
Относительный путь в og:image часто ломает превью. Картинка 50×50 тоже. Не ставим «балл 100», если набор полей полный: соцсеть всё равно может пережать файл.
Частые ошибки
Один и тот же og:image на всём сайте. Title в OG короче, чем в <title>, и теряет смысл. После смены картинки старое превью живёт в кэше сутки и больше. На SPA теги приходят только после JS — бот соцсети их не исполняет.
Для рекламы с UTM превью строится по посадочной без меток. Ссылка с метками может вести на ту же страницу — проверьте, что og:url без мусорных параметров.
Связка с генератором UTM и QR
Собрали ссылку с метками — проверьте, что посадочная отдаёт нормальный OG. QR на офлайн-материалы тоже ведёт на эту страницу: превью увидят, если ссылку перешлют в мессенджере.
Полный аудит OG по всему сайту не делаем на этой странице. Одна URL — один разбор.
Частые вопросы
Почему в Telegram старое фото?
Нужен ли twitter:card в России?
Какой размер картинки?
Вы рисуете превью как VK?
Нужна регистрация?
Ещё на сайте
Проверка метатегов
Считаем title, description, canonical и meta robots с живой страницы. Не подставляем «идеальную длину из головы».
QR-код с UTM-метками
Соберите ссылку с метками — как в генераторе UTM — и получите QR. Скачайте PNG или SVG.
Парсер UTM-меток
Вставьте ссылку из объявления — разложим utm_* и прочие GET-параметры. Пара к генератору меток.
Проверка микроразметки
Найдём script ld+json, перечислим @type и скажем, если JSON не парсится. Валидность всех полей Schema не обещаем.
Определить CMS
Движок по HTML и заголовкам.
Генератор UTM
Собрать метки для рекламы.
Проверьте свой сайт за пару минут
Запустите бесплатное демо-аудита — увидите главные проблемы без оплаты и без подписки.
Платный аудит — от 99 ₽ за запуск. Все тарифы