Open Graph и Twitter Cards
Когда вы отправляете ссылку в мессенджер или публикуете в соцсети, вместо голого адреса появляется карточка с заголовком, описанием и картинкой. За это отвечает разметка Open Graph.
Open Graph
Настройка «Open Graph» на вкладке SEO. Плагин добавляет теги, которые читают Telegram, ВКонтакте, WhatsApp, Facebook, Viber и большинство других сервисов:
| Что передаётся | Откуда берётся |
|---|---|
| Заголовок | SEO-заголовок страницы |
| Описание | SEO-описание страницы |
| Картинка | Изображение записи (обложка) |
| Адрес и название сайта | Настройки WordPress |
| Тип и язык | Определяются автоматически |
Картинка для карточки
Плагин использует изображение записи — то, что в WordPress называется «изображение записи» или «миниатюра». Если его нет, карточка получится без картинки.
Рекомендации к изображению:
- размер от 1200×630 пикселей — меньшие обрезаются или показываются мелко;
- важное содержимое — по центру: сервисы кадрируют картинку по-разному;
- если на картинке текст — крупный, он будет виден в превью размером со спичечный коробок.
Twitter Cards
Отдельный набор тегов для Twitter (X). Работает поверх Open Graph, добавляя специфичные для сервиса поля. Включается галочкой «Twitter Cards».
Если вы не публикуете ссылки в Twitter, настройку можно не включать — Open Graph покрывает остальные площадки.
Как проверить карточку
- Отправьте ссылку на страницу самому себе в Telegram или ВКонтакте.
- Посмотрите, как выглядит превью: заголовок, описание, картинка.
- Если что-то не то — поправьте SEO-поля страницы и изображение записи.
@WebpageBot, у ВКонтакте и Facebook есть свои инструменты отладки ссылок.