Превью ссылки
что показывают Telegram и VK, когда ссылку на сайт вставляют в чат
Когда ссылку на сайт вставляют в Telegram, VK или WhatsApp, мессенджер строит карточку: картинка, заголовок и короткое описание. Берёт он их из служебных тегов страницы. Тегов нет - в чате остаётся голый адрес, и по такой ссылке переходят заметно реже.
Платформа заполняет эти теги сама при каждой публикации. У страницы, где есть своя подходящая картинка (фото товара, обложка статьи), в карточку идёт она, у остальных - общая картинка сайта, которую вы загрузите в этом разделе.
Как настроить
- Откройте «Продвижение» → «Заголовки и превью» и раскройте блок «Для всех страниц: превью в мессенджерах» наверху.
- Загрузите картинку: JPG, PNG или WebP, до 5 МБ. Ширину от 600 точек мессенджеры показывают лучше всего, но платформа её не проверяет.
- Напишите общее описание сайта: оно подставится там, где у страницы нет своего.
- Сохраните и опубликуйте сайт. Если публиковать сейчас нечего, нажмите «Обновить на сайте сейчас»: сайт пересоберётся из опубликованной версии, черновик при этом не публикуется.
- Посмотрите карточку любой страницы: раскройте её в списке ниже - там видно, какая картинка пойдёт в превью и откуда она взята.
- Проверьте вживую: отправьте ссылку себе в VK или WhatsApp.
Что важно знать
- Мессенджеры запоминают карточку по адресу. Если ссылку уже когда-то отправляли, Telegram покажет старую картинку и после публикации: чтобы он перечитал страницу, отправьте адрес боту @WebpageBot.
- Telegram может не показать карточку для сайтов в этом регионе: его сервис предпросмотра не всегда получает доступ к страницам. В VK, WhatsApp и других мессенджерах карточка строится обычным порядком, разметка при этом верна.
- Карточка строится по боевому адресу сайта, поэтому правки нужно опубликовать: в черновик мессенджер не заглядывает.
- Если у страницы уже стоит своя картинка превью и она рабочая, платформа её не меняет.
- Карточке отдельной страницы можно задать своё: раскройте страницу в списке, снимите галочку «как в поиске» у заголовка или описания карточки и впишите своё, а картинку загрузите кнопкой «Своя картинка». Своё превью страницы важнее всего остального и появляется на сайте после публикации.
- Картинку в формате SVG мессенджеры не показывают - платформа заменит её на общую картинку сайта.
- Пока сайт закрыт паролем, карточка не построится: мессенджер увидит окно ввода пароля.
Что вы увидите
Общий блок «Для всех страниц: превью в мессенджерах» на экране «Заголовки и превью»: «Так ссылка выглядит в чате» с примером карточки главной, кнопки «Загрузить картинку» / «Заменить картинку» и «Убрать», блок «Что платформа проставит в коде страницы» (картинка, заголовок, описание), поле «Запасное описание для карточки», тумблер «Заполнять превью при публикации», кнопки «Сохранить» и «Обновить на сайте сейчас».
Строка «Что сделала последняя публикация»: «Ещё не применялось», «Последняя публикация: страниц N» с числом страниц, у которых исправлен адрес, ведущий в никуда, «менять было нечего» или «настроить не удалось, сайт при этом выложен».
У каждой страницы ниже своё превью: заголовок и описание карточки («как в поиске» или свои), своя картинка. Своё превью страницы побеждает даже тег самого сайта: это ваш явный выбор.
Как выбирается картинка
Порядок: своя картинка страницы из кабинета; иначе рабочий тег картинки на самой странице (платформа его не трогает); иначе у внутренних страниц первое содержательное фото со страницы, потом общая картинка сайта. У главной порядок обратный: сначала общая картинка, потом фото со страницы, потому что её карточка это визитка сайта.
Имя загруженной картинки несёт отпечаток содержимого, поэтому заменённая картинка доходит до людей сразу, её не держит кэш. Пустой заголовок карточки платформа исправляет, а адрес страницы, ведущий на несуществующий .html, переписывает: по битому адресу мессенджер не строил карточку вовсе.
Частые вопросы
- Отправил ссылку в чат, а карточка старая? Мессенджеры запоминают карточку по адресу. В Telegram отправьте адрес боту @WebpageBot, в других мессенджерах помогает добавить к адресу любой параметр после знака вопроса.
- Почему у карточки товара фото с карточки, а у главной общая картинка? Так задумано: у товара или статьи с обложкой своё фото говорит больше, у главной общая картинка представляет сайт целиком.
- Нужно ли публиковать сайт после настройки? Да: теги проставляет слой выкладки при публикации. Кнопка «Обновить на сайте сейчас» пересобирает опубликованную версию, черновик при этом не публикуется.
- У приложения превью не настраивается? Верно: ссылку на кабинет с входом в чат не пересылают. У сайта, прод которого выкладывает не платформа, теги превью не доедут, там остаётся правка агентом.
Если не сработало
- Написано «Картинка превью должна быть JPG, PNG или WebP» или «Картинка тяжелее 5 МБ». Пересохраните картинку в нужном формате и размере; SVG мессенджеры не показывают.
- Написано «При последней публикации превью настроить не удалось, сайт при этом выложен». Слой превью не валит публикацию: нажмите «Обновить на сайте сейчас», при повторе напишите нам.
- В Telegram карточки нет, в WhatsApp и VK есть. Это ограничение Telegram для сайтов в этом регионе, а не ошибка разметки. Мы знаем об этом и работаем над обходом.
- Своё превью страницы не сохраняется. У сайта выключен тумблер «Заполнять превью при публикации», это приложение или прод выкладывает не платформа: без слоя выкладки своё превью не появилось бы никогда, поэтому оно не сохраняется.