Ссылку на сайт чаще всего пересылают не в поиске, а в мессенджерах: клиент отправляет её коллеге, менеджер кидает в чат, вы публикуете в канале. Под ссылкой появляется карточка с заголовком, коротким описанием и картинкой. Если она пустая, обрезанная или с чужой картинкой, по ссылке нажимают гораздо реже.
Хорошая новость: превью полностью управляется с вашей стороны. Ниже о том, как оно устроено и что проверить.
Откуда берётся превью
Когда ссылку вставляют в чат, мессенджер сам открывает страницу и ищет в её коде специальные метки разметки Open Graph: заголовок, описание, картинку и адрес. Их понимают Telegram, большинство мессенджеров и соцсетей. Если меток нет, мессенджер пытается угадать сам и часто берёт случайный текст или логотип.
Что настроить для каждой страницы
- Заголовок, который понятен без контекста, а не просто название компании
- Короткое описание, отвечающее на вопрос «что я найду по ссылке»
- Свою картинку для важных страниц: услуг, товаров, статей
- Правильный адрес страницы, чтобы все пересылки вели на одну и ту же версию
Эти же заголовок и описание обычно совпадают или перекликаются с теми, что видны в поиске, о них подробнее в тексте SEO перед запуском.
Какой должна быть картинка
Картинка для превью горизонтальная, и мессенджеры по-разному обрезают её края. Поэтому главное размещают ближе к центру, а мелкий текст на картинке не используют: на телефоне его всё равно не прочитать. Файл должен быть достаточно лёгким, иначе превью может появиться без картинки.
Для блога и каталога удобно, когда картинка превью совпадает с обложкой статьи или фото товара. Тогда ничего не нужно готовить отдельно. О подготовке изображений есть текст картинки для сайта.
Почему превью не обновляется
Мессенджеры запоминают превью ссылки и не перечитывают страницу при каждой пересылке. Если вы поменяли заголовок или картинку, в чатах ещё какое-то время будет видна старая версия. У Telegram для этого есть служебный бот, который обновляет превью по запросу, у соцсетей есть похожие инструменты проверки ссылок.
Чтобы не сталкиваться с этим, проверьте превью до первой публикации ссылки: отправьте её себе в Избранное и посмотрите, как выглядит карточка.
Короткий чек-лист
- Отправить ссылки на главную, услугу и статью себе в мессенджер
- Проверить заголовок, описание и картинку в каждой карточке
- Посмотреть, как карточка выглядит на телефоне и на компьютере
- После изменения обновить превью через инструменты мессенджера
Разметка для превью и поиска настраивается в рамках услуги скорость и SEO. Если ссылки на ваш сайт выглядят в чатах не так, как хотелось бы, напишите через контакты.