Превью ссылки в Telegram: как сделать, обновить или убрать
Когда вы отправляете ссылку в Telegram, под сообщением появляется карточка: заголовок, короткое описание и картинка. Такая ссылка выглядит аккуратно и чаще привлекает внимание. Но иногда превью не появляется вовсе, показывает старый заголовок или чужую картинку.
Разберем, откуда Telegram берет данные для превью, почему оно может не работать, как обновить устаревшее превью и как убрать или изменить его в своем сообщении.
Откуда берется превью
Когда в сообщении появляется ссылка, серверы Telegram сами открывают страницу и ищут в ее коде специальные мета-теги Open Graph. Их же используют и другие соцсети и мессенджеры. Основных тегов три — заголовок, описание и картинка:
<meta property="og:title" content="Заголовок страницы">
<meta property="og:description" content="Короткое описание страницы">
<meta property="og:image" content="https://example.com/images/preview.png">
Теги размещаются внутри блока head на каждой странице сайта. Если их нет, Telegram попробует взять обычный заголовок страницы и мета-описание, но картинки в превью тогда, скорее всего, не будет.
Почему превью нет или оно неправильное
Чаще всего проблема в одной из этих причин:
- Нет тегов Open Graph. Многие самописные сайты и шаблоны их просто не выводят.
- Неподходящий формат картинки. Telegram не показывает SVG — для превью нужна картинка в PNG или JPG.
- Относительный адрес картинки. В og:image нужно указывать полный адрес вместе с https:// и доменом, а не путь вида /images/preview.png.
- Слишком большой файл. Тяжелую картинку Telegram может не загрузить, поэтому лучше уложиться в несколько сотен килобайт.
- Сайт недоступен для Telegram. Если страница долго загружается, требует авторизации или сначала показывает проверку «я не робот», Telegram не сможет прочитать теги.
- Сервер в сети, куда Telegram не может достучаться. В некоторых странах доступ к Telegram ограничен, и хостинг там может не пропускать запросы его серверов. Тогда превью не будет совсем, даже если теги и картинка настроены идеально. Проверить это можно по логам сервера: если в них нет запросов с TelegramBot в User-Agent, Telegram до сайта не доходит. Помогает только перенос сайта на хостинг в другой стране.
- Старая версия в кэше. Если вы уже исправили теги, а превью все равно прежнее, Telegram показывает сохраненную версию.
💡 Совет: оптимальный размер картинки для превью — 1200×630 пикселей. Такие пропорции корректно отображаются и в Telegram, и в других соцсетях.
Как обновить превью
Telegram сохраняет превью ссылки, чтобы не загружать страницу заново каждый раз. Поэтому после изменения заголовка или картинки на сайте ссылка еще долго может показываться по-старому.
Обновить превью вручную помогает официальный бот @WebpageBot. Достаточно отправить ему ссылку на страницу — бот заново прочитает ее и покажет новое превью. После этого ссылка будет отображаться по-новому во всех чатах, куда вы ее отправите.
⚠️ Важно: бот обновляет превью только для конкретного адреса. Если на сайте изменилось несколько страниц, отправьте ему каждую ссылку отдельно.
Бывает, что бот продолжает показывать старое превью. Тогда можно добавить к ссылке любой параметр, например ?tg=1:
https://example.com/page?tg=1
Для Telegram это новый адрес, которого еще нет в кэше, поэтому он заново загрузит страницу и соберет свежее превью. Сайт при этом откроет ту же страницу — большинство сайтов просто игнорируют незнакомые параметры. Этот способ также помогает быстро проверить, в чем проблема: если ссылка с параметром показывает правильное превью, значит, с сайтом все в порядке и дело только в кэше Telegram.
Как убрать или изменить превью в сообщении
Если превью мешает, его можно убрать перед отправкой: когда вы вставляете ссылку, над полем ввода появляется карточка превью с крестиком — нажмите на него, и сообщение уйдет без превью. В уже отправленном сообщении превью можно убрать так же, открыв его редактирование.
В современных версиях Telegram превью можно еще и настроить: если нажать на карточку перед отправкой, появятся варианты показать превью над текстом или под ним, а также сделать картинку крупнее или меньше.
Чек-лист для владельца сайта
Чтобы ссылки на ваш сайт красиво выглядели в Telegram, проверьте:
- на каждой странице есть og:title, og:description и og:image;
- в og:image указан полный адрес картинки с https://;
- картинка в формате PNG или JPG, размером около 1200×630 и не слишком тяжелая;
- сайт открывается быстро и без проверок «я не робот»;
- в логах сервера есть запросы от TelegramBot;
- после изменений превью обновлено через @WebpageBot.
Итог
Превью ссылки в Telegram строится из мета-тегов Open Graph на странице. Если превью нет или оно устарело, проверьте теги и картинку, а затем обновите превью через @WebpageBot или проверьте ссылку с параметром ?tg=1. Убрать или изменить превью в своем сообщении можно прямо при отправке.
💬 Если ссылки на ваш сайт выглядят в Telegram некрасиво, напишите мне — настрою мета-теги и превью для всех страниц.
Опубликовано