TL
Tool Lab
💰Пожертвовать
💰Пожертвовать

OG Tag Generator

Generate Open Graph and Twitter tags

Рекомендуется: не более 60 символов

Рекомендуется: 1200×630px

Сгенерированные теги
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">

Об этом инструменте

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

Теги Twitter Card выполняют ту же функцию для Twitter/X. Тип карточки summary_large_image отображает крупное изображение, идеально подходящее для статей и записей в блоге. Для лучших результатов изображение должно быть не менее 1200×630 пикселей.

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

  1. Заполните поля заголовка, описания и URL.
  2. Добавьте URL изображения и альтернативный текст для превью в соцсетях.
  3. Выберите тип OG, язык и настройки Twitter Card.
  4. Скопируйте сгенерированные теги и вставьте их в секцию <head> вашего HTML.

Случаи использования

Веб-разработчики проверяют корректное отображение новых страниц при публикации. Маркетологи гарантируют привлекательные превью. Блогеры настраивают правильные изображения и описания. SEO-специалисты оптимизируют социальные метаданные.

Частые вопросы

  • В чём разница между тегами OG и Twitter Card?Теги OG используются большинством социальных платформ — Facebook, LinkedIn, WhatsApp. Теги Twitter Card специфичны для Twitter/X, но Twitter также использует теги OG как запасной вариант.
  • Какие рекомендуемые размеры изображения?Рекомендуется 1200×630 пикселей. Слишком маленькие изображения могут игнорироваться платформами. Размер файла должен быть менее 8 МБ.
  • Какое значение og:type следует использовать?Используйте "website" для общих страниц и "article" для новостей или постов блога. Другие значения: video, music, book и profile.