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 пикселей.
Как использовать
- Заполните поля заголовка, описания и URL.
- Добавьте URL изображения и альтернативный текст для превью в соцсетях.
- Выберите тип OG, язык и настройки Twitter Card.
- Скопируйте сгенерированные теги и вставьте их в секцию <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.