Не отображается превью ссылки в Telegram, WhatsApp и других мессенджерах
Отправляете ссылку, а вместо карточки с картинкой, заголовком и описанием видите только голый URL. Или страница уже обновлена, но мессенджер показывает старую картинку. Или в WhatsApp превью есть, а в Telegram — нет.
Разные мессенджеры самостоятельно получают, кэшируют и обновляют данные о ссылке. Поэтому одна и та же страница может выглядеть по-разному в разных сервисах.
Быстрая диагностика
Пройдите проверки по порядку:
- Откройте страницу в браузере
Она должна возвращать 200 OK, а не 403, 404 или 5xx. - Проверьте Open Graph в исходном HTML
Используйте «Просмотр кода страницы», а не только панель Elements в DevTools. Не рассчитывайте на клиентский JavaScript: безопаснее отдавать Open Graph сразу в исходном HTML, потому что робот предпросмотра может не выполнить JavaScript или выполнить его не так, как браузер пользователя. - Найдите обязательные теги
В должны быть:- og:title
- og:type
- og:url
- og:image
og:description желателен, но не обязателен.
- Откройте адрес из og:image напрямую
Если картинка не открывается, требует авторизации или отдаёт ошибку — превью без изображения. - Проверьте доступность без авторизации
Откройте страницу и картинку в режиме инкогнито. Если для получения содержимого нужен вход или интерактивное действие, например экран согласия, который полностью закрывает страницу, робот предпросмотра может не увидеть нужные данные. - Проверьте HTTP-ответы
И страница, и изображение должны возвращать 200 OK. Длинная цепочка редиректов тоже может ломать превью. - Исключите блокировку робота
Firewall, CDN, WAF, антибот-защита или hotlink protection часто отдают боту 403 или пустую страницу. - Проверьте в нескольких мессенджерах
Если в WhatsApp превью есть, а в Telegram нет, проблема специфична для Telegram: это может быть его кэш, особенности доступа робота к сайту, блокировка со стороны вашего CDN/WAF или сбой самой платформы.
Как правильно сделать Open Graph
Минимальный рабочий набор:
HTML
<meta property="og:title" content="Название страницы"><meta property="og:type" content="website"><meta property="og:url" content="https://example.ru/page/"><meta property="og:image" content="https://example.ru/images/preview.jpg"><meta property="og:description" content="Краткое описание страницы">Рекомендации:
- URL изображения должен быть абсолютным и доступным по HTTPS.
- Желательно указать размеры. 1200×630 — распространённый практический формат, но не универсальное обязательное требование всех мессенджеров:
HTML
<meta property="og:image:width" content="1200"><meta property="og:image:height" content="630">- Для SPA и сайтов на JavaScript Open Graph лучше отдавать уже в исходном HTML, например через SSR или пререндеринг. Не следует рассчитывать, что робот конкретного мессенджера выполнит клиентский JavaScript так же, как обычный браузер.
Особенности Telegram
У Telegram есть свои особенности получения и кэширования данных о ссылках, поэтому его стоит проверять отдельно.
Что проверить дополнительно:
- Не блокируется ли TelegramBot.
- Совпадает ли og:url с реальным адресом страницы.
- Нет ли нескольких конфликтующих тегов og:image.
Как обновить превью:
Попробуйте отправить ссылку служебному боту @WebpageBot, который используется для запроса обновления данных о странице. Но это не гарантирует немедленное обновление превью в обычном клиенте Telegram.
Важная оговорка (2026):
В официальном баг-трекере Telegram есть подтверждённые случаи, когда:
- страница отдаёт 200,
- Open Graph корректен,
- изображение доступно,
- другие мессенджеры показывают карточку,
- @WebpageBot сообщает об обновлении,
но обычный клиент Telegram всё равно не создаёт превью. В такой ситуации проблема может быть на стороне инфраструктуры Telegram. Гарантированного способа очистить его внутренний кэш нет.
Уже отправленное сообщение не обязано обновиться. Проверяйте на новой отправке ссылки.
Особенности WhatsApp и других мессенджеров
WhatsApp:
- WhatsApp также использует метаданные страницы, включая Open Graph, для формирования превью, но его алгоритм и ограничения могут отличаться от Telegram и других сервисов.
- Официальных жёстких лимитов на размер изображения в документации Meta нет. На практике лучше использовать оптимизированный JPEG/PNG.
- Официального инструмента принудительной очистки кэша WhatsApp нет. Facebook Sharing Debugger не является подтверждённым способом сброса кэша именно WhatsApp.
Общий принцип:
Если в одном мессенджере превью есть, а в другом нет, это указывает на платформо-специфичную причину. Проверьте кэш, доступ робота, блокировки CDN/WAF и особенности конкретного сервиса; полностью исключать проблему на стороне сайта по одному такому тесту нельзя.
Почему показывается старое превью или разные картинки
Самые частые причины:
- Кэш самого мессенджера.
- CDN или серверный кэш отдаёт старую версию страницы/картинки.
- Несколько тегов og:image.
- Старое изображение лежит по тому же URL.
- Разные моменты первого получения страницы разными сервисами.
Практический приём:
Если нужно понять, упирается ли проблема в кэш изображения, загрузите новую картинку под новым именем файла, например preview-v2.jpg, и обновите og:image. Это полезный диагностический приём, но не гарантированный способ принудительно очистить кэш мессенджера.
Чек-лист
- Open Graph есть в исходном HTML.
- Присутствуют og:title, og:type, og:url, og:image.
- og:image открывается напрямую и отдаёт 200 OK.
- Страница и картинка доступны без авторизации.
- Нет блокировки ботов (firewall, WAF, CDN, hotlink protection).
- HTTPS работает, длинных цепочек редиректов нет.
- Проверено в инкогнито и другом мессенджере.
- Для Telegram — при необходимости проверена ссылка через @WebpageBot.
- Проверка идёт на новой отправке ссылки, а не на старом сообщении.
Если после всех проверок технически всё исправно, а превью всё равно нет, причину уже стоит искать в особенностях доступа или кэша конкретной платформы и возможных сбоях её инфраструктуры. Для Telegram такие случаи актуальны и в 2026 году.