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