Карточка ссылки в соцсетях и мессенджерах
Карточка ссылки в мессенджерах и соцсетях собирается из разметки Open Graph. Если её нет, ссылка выглядит голой строкой, и по ней кликают заметно реже. Проверить, что увидят при отправке ссылки, можно отладчиком карточек.
Минимальный набор
| Свойство | Что указывать |
|---|---|
| Заголовок | Короткий и понятный без контекста |
| Описание | Одно-два предложения, не копия заголовка |
| Изображение | Горизонтальное, с крупным элементом; мелкий текст на нём не читается |
| Адрес страницы | Канонический |
| Тип | Статья или сайт — влияет на вид карточки |
Где карточка вообще появляется
Одна и та же разметка используется мессенджерами, соцсетями и многими чатами: ссылка, отправленная коллеге, разворачивается по тем же правилам, что и опубликованная в ленте. Поэтому карточка важна даже сайтам, которые не ведут соцсети, — ссылками на них всё равно делятся в переписках.
Частые проблемы
- Картинка не подтягивается. Чаще всего она закрыта от обхода или слишком велика по весу.
- Старая картинка после замены. Платформы кэшируют карточку: сбрасывается через их отладчик или сменой адреса изображения.
- Обрезается по-разному. У каждой платформы свои пропорции: держите важное в центре.
- Описание из первого абзаца. Если разметки нет, платформа берёт что придётся — обычно неудачно.
Одна картинка на все случаи или разные
Для большинства сайтов достаточно одного качественного изображения на раздел: карточка ссылки на статью, карточка на услугу. Отдельные картинки под каждую страницу окупаются там, где ссылками активно делятся, — в блоге и справке. Главное, чтобы изображение не было пустым фирменным фоном: карточка с логотипом посреди пустоты выглядит как отсутствие карточки.
Проверьте заодно
Наличие фавикона и корректность мета-тегов: это соседние вещи, и правятся они обычно одним заходом в шаблон.