Простыми словами
Когда вы отправляете ссылку в Telegram или WhatsApp, появляется карточка с картинкой и подписью. Это не случайность: мессенджер прочитал теги Open Graph. Протокол придумали в Facebook, но сегодня им пользуются почти все.
Если тегов нет, ссылка превращается в голый адрес или в карточку с неподходящим кадром — и выглядит менее заслуживающе внимания.
Как это работает
В заголовке страницы находятся теги og:title, og:description, og:image, og:url и og:type. Картинку рекомендуют делать в соотношении примерно 1,91:1, например 1200 на 630 пикселей, чтобы её не обрезали.
Мессенджеры кэшируют превью. После правки тегов старая карточка может держаться, пока кэш не обновится, поэтому используют отладочные инструменты платформ.
Зачем это бизнесу
Превью влияет на то, откроют ли ссылку. Яркая карточка с понятным заголовком получает больше нажатий, чем безликий адрес. Для бизнеса, где клиенты пересылают ссылки на прайс или каталог друг другу, это ощутимо.
Корректные теги — и часть профессионального вида сайта: клиент, получивший ссылку от менеджера, сразу видит бренд.
Что важно учесть
Заведите шаблон картинки для превью: логотип, короткий заголовок и фон в фирменных цветах. Для ключевых страниц — услуг, прайса, каталога — имеет смысл делать отдельные изображения, чтобы ссылки, которыми делятся клиенты, выглядели узнаваемо.
Пример из практики
Строительная фирма в Атырау рассылала клиентам коммерческие предложения со ссылкой на сайт. В WhatsApp ссылка выглядела как пустая строка. После добавления Open Graph с логотипом и заголовком клиенты стали чаще открывать страницы.
Частые ошибки
- Использовать одну картинку для всех страниц сайта
- Слишком мелкое изображение или важный текст по краям, который обрезается
- Заголовок и описание, скопированные без редактирования
- Не обновлять кэш после изменений
- Забывать указать абсолютный адрес картинки