Неверное превью ссылки в Telegram и VK: проверка Open Graph

Если ссылка в Telegram или VK показывает чужую картинку, старый заголовок либо пустую карточку, проверьте Open Graph в исходном HTML, доступность изображения и кеш. Исправление тегов на сайте не обязательно сразу обновляет уже отправленное сообщение. Сначала убедитесь, что сайт отдаёт правильные данные, затем проверяйте новое превью на конкретной платформе.

Какие данные задают карточку ссылки

Open Graph описывает представление страницы при публикации ссылки. Спецификация протокола определяет базовые поля: заголовок, тип объекта, адрес и изображение. Описание помогает пояснить содержание. Эти значения могут отличаться от SEO Title и Description, но должны соответствовать той же странице.

<meta property="og:title" content="Как выбрать компрессор для цеха">
<meta property="og:type" content="article">
<meta property="og:url" content="https://example.org/guides/kompressor/">
<meta property="og:image" content="https://example.org/images/kompressor-cover.jpg">
<meta property="og:description" content="Расход воздуха, давление и условия работы: порядок подбора.">
<meta property="og:image:alt" content="Компрессор и схема подключения к пневмолинии">

Это учебный код. Подставьте реальные адреса и убедитесь, что картинка открывается без входа на сайт. Заголовок не должен обещать отсутствующую скидку, а изображение — показывать другой товар. Для карточек товаров значения лучше формировать из полей конкретной модели, а не из общих настроек раздела.

Порядок диагностики

1. Вставьте адрес страницы в проверку Open Graph.
2. Проверьте конечный URL и код ответа. Цепочка редиректов или страница авторизации мешают разбору.
3. Посмотрите, нет ли нескольких og:title или og:url от разных компонентов шаблона.
4. Проверьте абсолютный адрес og:image, его HTTP-ответ и Content-Type.
5. Сравните результат с HTML, который отдаёт сайт после очистки его кеша.
6. Отправьте ссылку в тестовый диалог и отдельно проверьте отображение на телефоне.

Картинка может быть доступна вашему браузеру благодаря cookie, но закрыта для внешнего робота. Защита CDN, временные подписанные URL, ограничение по Referer и ошибки HTTPS требуют проверки разработчиком. Ответ нашего сервера не заменяет проверку запросов реального робота платформы в логах.

Почему показывается старая версия

При реальной замене изображения удобно публиковать новый версионный файл и обновлять og:image. Не меняйте каждый день URL самой статьи ради сброса превью: это создаёт лишние адреса и осложняет аналитику. После исправления сравните новый пост со старым, а не только обновляйте страницу сайта.

Особенности проверки Telegram и VK

Проверяйте каждую платформу отдельно: размер карточки, обрезка и доступные настройки различаются. Telegram описывает выбор ссылки и размера превью в обновлении редактора сообщений. Возможность изменить оформление сообщения не исправляет ошибочные теги на сайте. Для VK полезно повторить проверку в редакторе новой публикации и посмотреть, какую ссылку он действительно обрабатывает.

Не обещайте себе точного совпадения с макетом валидатора. Он показывает данные, которые удалось прочитать, а платформа решает, как их разместить. Ссылки на изображения должны оставаться стабильными и публичными; подписи и важные детали нужно проверять после фактической обрезки.

Как принять исправление у разработчика

Возьмите главную, категорию, товар и статью. У каждого шаблона должны быть собственные значения, рабочая картинка и адрес нужной страницы. Повторите проверку после обновления CMS. Если причина в кешировании, пригодится разбор кеша браузера, CDN и Битрикса.

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