Данные карточки
Об этом Open Graph preview
Open Graph теги говорят соцсетям и мессенджерам, что показывать, когда кто-то делится страницей. Они задают заголовок, описание, адрес страницы и картинку карточки.
Измените поля, чтобы увидеть примерный вид карточки, затем вставьте готовые строки в секцию head. У картинки должен быть открытый URL, который доступен роботу соцсети. Размер 1200 × 630 имеет распространённое соотношение 1,91:1 и обычно подходит.
Настоящая карточка может отличаться от превью. У каждого приложения свой дизайн, ограничения текста и кэш. После публикации новых тегов старая карточка может оставаться, пока сервис снова не прочитает страницу.
Основные Open Graph теги
Задайте один понятный вариант для каждого тега. Карточка должна соответствовать странице, которую откроет человек.
| Тег | Что он задаёт |
|---|---|
| og:title | Главная строка карточки ссылки |
| og:description | Короткое пояснение под заголовком |
| og:image | Открытая картинка; 1200 × 630 — удобный начальный размер |
| og:url | Полный основной адрес страницы, которой делятся |
Как сделать Open Graph preview
- Напишите текст карточки: Добавьте короткий заголовок и описание, которые соответствуют странице.
- Добавьте URL страницы и картинки: Используйте полные открытые адреса. Опишите картинку для тех, кто её не видит.
- Скопируйте и опубликуйте: Поместите OG-строки в секцию head и дайте сервису снова прочитать открытую страницу.
Частые вопросы
Какой размер картинки нужен для Open Graph?
1200 × 630 пикселей — распространённый размер с соотношением 1,91:1. Не ставьте важные слова и лица у краёв: некоторые приложения обрезают картинку.
Почему в карточке осталась старая картинка?
Соцсети сохраняют карточки в кэше. Проверьте новые теги на открытой странице, воспользуйтесь отладчиком ссылок сервиса или дождитесь повторной загрузки URL.
Превью гарантирует точный результат?
Нет. У Facebook, LinkedIn, мессенджеров и других сервисов разные карточки и лимиты текста. Это полезная проверка, а не точная копия каждого приложения.
Текст или картинка загружаются на QwHub?
Нет. Текст и теги остаются в браузере. Чтобы показать открытый URL, браузер запрашивает картинку напрямую у её сервера; QwHub не делает копию.