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

Создавайте и просматривайте метатеги Open Graph (OG) и Twitter Card. Убедитесь, что ваши ссылки выглядят идеально при публикации на Facebook, LinkedIn, X и WhatsApp.

Генератор Open Graph и Twitter Card создает и просматривает метатеги, которые контролируют внешний вид ваших ссылок при публикации на Facebook, LinkedIn, X и WhatsApp. Хорошо настроенная карточка превращает простой URL-адрес в насыщенный, достойный кликов предварительный просмотр с правильным заголовком, описанием и изображением.

Категория: SEO-инструменты
Включает: Возможности 6
Доступ: Бесплатно · Нет регистрации
Конфиденциальность: Запускается в вашем браузере

Calibrating Social Metadata Studio......

Please wait a moment

Как использовать

Как использовать Открытый график и генератор карточек Twitter

01
Введите данные вашей страницы
Добавьте заголовок, описание, URL-адрес изображения и URL-адрес страницы.
02
Предварительный просмотр карты
Посмотрите живой фрагмент того, как ссылка будет выглядеть на разных платформах.
03
Скопируйте теги
Возьмите готовые метатеги Open Graph и Twitter Card.
04
Добавьте их на свою страницу
Вставьте теги в <head> вашей страницы и проверьте общий доступ.

Варианты использования

Распространенные случаи использования

—Блогер заставляет общие публикации отображать правильный заголовок и изображение.
—Маркетолог следит за тем, чтобы ссылка кампании выглядела безупречно в LinkedIn.
—Разработчик добавляет теги Open Graph на новую целевую страницу.
—Владелец магазина исправляет неработающий предварительный просмотр на Facebook.

Обзор

Создавайте идеальные превью для социальных сетей

Студия метаданных позволяет создавать и просматривать теги Open Graph и Twitter Card, которые контролируют внешний вид ваших ссылок при публикации в X, Facebook, LinkedIn и Slack. Привлекательный заголовок, описание и изображение могут значительно повысить кликабельность социального трафика, что также посылает положительные сигналы взаимодействия.

Остановите предварительный просмотр неработающих или некрасивых ссылок.

Отсутствие или искажение метаданных приводит к появлению пустых миниатюр и усеченных заголовков, которые незаметно убивают общий ресурс. Создавайте правильные, готовые к вставке теги и наблюдайте, как каждая платформа будет отображать вашу страницу, чтобы каждая публикуемая вами ссылка выглядела продуманной и фирменной.

Функции

01: Генератор тегов Open Graph (OG) и Twitter Card
02: Предварительный просмотр в реальном времени для Facebook, X, LinkedIn, WhatsApp, Discord и Slack
03: Переключение карточки Summary и summary_large_image в Твиттере
04: Импортируйте и автоматически заполняйте теги из любого существующего URL-адреса.
05: Проверка длины и предупреждения для каждой платформы
06: Готовые к копированию метатеги с экспортом в HTML

Часто задаваемые вопросы

Что такое теги Open Graph и зачем они мне нужны?+

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

Как добавить теги Open Graph на свой сайт?+

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

Какого размера должно быть изображение og:image?+

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

В чем разница между Open Graph и Twitter Cards?+

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

Как протестировать теги Open Graph?+

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

Что произойдет, если я не добавлю теги Open Graph?+

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

В чем разница между Open Graph и Twitter Cards?+

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