Открытый график и генератор карточек Twitter

Теги Open Graph (OG) — это метатеги HTML, которые контролируют внешний вид вашей веб-страницы при публикации на социальных платформах. Без них Facebook и LinkedIn будут использовать случайный текст и изображения с вашей страницы, в результате чего публикации будут выглядеть некрасиво.

Используйте этот генератор для создания тегов OG, а затем вставьте их в раздел <head> вашего HTML. Ключевые теги: og:title, og:description, og:image (должно быть 1200×630 пикселей), og:url и og:type.

Рекомендуемый размер изображения og:image — 1200×630 пикселей (соотношение сторон 1,91:1). Это работает в Facebook, LinkedIn и X/Twitter. Минимальный размер — 600×315 пикселей, но изображения большего размера отображаются более заметно.

Теги Open Graph работают на Facebook, LinkedIn, Pinterest и WhatsApp. Twitter Cards — это метатеги, специфичные для Twitter. Оба служат схожим целям, управляя внешним видом предварительного просмотра, но используют разные имена тегов (og: vs twitter:).

Используйте предварительный просмотр в этом инструменте или протестируйте напрямую с помощью: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator) или LinkedIn Post Inspector.

Без тегов OG социальные платформы сканируют вашу страницу и выбирают случайный контент, часто размытую миниатюру, неправильный заголовок или усеченное описание. Это приводит к значительному уменьшению количества кликов при совместном использовании вашего контента. Страницы с правильными тегами OG имеют в социальных сетях в 2–3 раза более высокий рейтинг кликов.

Введите заголовок, описание и URL-адрес изображения, и генератор выведет метатеги og: и twitter:. Вставьте их в заголовок своей страницы, чтобы ссылки отображали расширенный предварительный просмотр на Facebook, X, LinkedIn и Discord.

Обычно тег og:image отсутствует или изображение слишком маленькое. Создайте полный набор тегов Open Graph (с изображением правильного размера) и просмотрите, как будет выглядеть ссылка перед публикацией.

Да. Студия показывает предварительный просмотр карты обмена для таких платформ, как Facebook, X/Twitter и LinkedIn, чтобы вы могли точно настроить заголовок, описание и изображение.

Open Graph управляет предварительным просмотром на большинстве платформ (Facebook, LinkedIn, WhatsApp); Twitter Cards — это собственный формат X. Оба параметра охватывают каждую крупную сеть.