Создавайте теги Open Graph и Twitter Card, чтобы ваши страницы отлично выглядели при публикации, с живым предпросмотром социальной карточки. Бесплатно и работает в вашем браузере.

Всё работает в вашем браузере. Ничего из набранного никуда не загружается.

Теги
Рекомендуемый размер: 1200 × 630 px.

Twitter / X
Предпросмотр Facebook / LinkedIn
Пока нет изображения
Предпросмотр Twitter / X
Сгенерированные мета-теги

О Генератор Open Graph

Open Graph Generator создаёт мета-теги og: и twitter:, которые управляют тем, как разворачивается ссылка при публикации в Facebook, LinkedIn, X и на других платформах. Задайте тип контента (website, article, product или profile), title, description, canonical URL, изображение, site name и locale, а также опции Twitter Card, включая тип карточки и хендлы site/author.

Два живых предпросмотра — один в стиле карточки Facebook/LinkedIn, другой в стиле карточки X — обновляются по мере ввода, так что вы точно увидите, как будут выглядеть title, description, домен и изображение размером 1200 × 630 px ещё до публикации страницы.

Всё работает в вашем браузере; ничего из введённого не загружается на сервер. Скопируйте сгенерированные теги Open Graph и Twitter Card в буфер обмена или скачайте их как HTML-сниппет, готовый для вставки в <head> вашей страницы.

Как использовать Генератор Open Graph

  1. Выберите og:type — website, article, product или profile — либо нажмите «Заполнить примером», чтобы начать с образца.
  2. Введите title, description, canonical URL и URL изображения (рекомендуется 1200 × 630 px), а также site name и locale.
  3. Задайте тип Twitter Card (Summary или Summary с крупным изображением) и необязательные хендлы @site и @creator.
  4. Просмотрите оба предпросмотра карточек, обновляющихся в реальном времени.
  5. Скопируйте сгенерированные мета-теги или скачайте .html-файл и добавьте его на свою страницу.

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

Используйте 1200 × 630 пикселей. Такое соотношение сторон чётко отображается в виде крупной карточки на Facebook, LinkedIn и X без неожиданной обрезки.

X использует Open Graph как запасной вариант для большинства полей, но twitter:card нужен для выбора макета карточки, а twitter:site / twitter:creator добавляют атрибуцию — генератор выводит их все вместе.

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

Нет. Данные формы, предпросмотры и сгенерированная разметка существуют только в вашем браузере — ничего не отправляется на сервер.

Да, полностью бесплатный и без ограничений.

Поделиться
Нужна помощь?
Возникла проблема с этим инструментом? Сообщите нам.
Сообщить о проблеме

Добавьте этот бесплатный инструмент на свой сайт — скопируйте и вставьте код ниже.