Генератор Open Graph
Создавайте мета-теги Open Graph для публикации в соцсетях
Настройки Open Graph
Свойства Open Graph
Свойства статьи
Twitter Card
Предпросмотр для соцсетей
Предпросмотр Facebook
Предпросмотр Twitter
Сгенерированные мета-теги
Примеры использования
Главная страница сайта
OG-теги для главной страницы с правильным брендингом и отображением в соцсетях.
Статья блога
OG-теги для статьи с информацией об авторе, дате публикации, разделе и тегах.
Товар интернет-магазина
OG-теги для товара, оптимизированные для e-commerce, с изображениями и описаниями продукта.
Возможности
Предпросмотр для соцсетей
Смотрите, как ваша ссылка будет выглядеть на Facebook и Twitter в реальном времени
Все свойства OG
Поддержка всех свойств Open Graph, включая теги для статей
Интеграция Twitter Card
Генерация соответствующих тегов Twitter Card наряду с тегами Open Graph
Конфиденциальность
Вся обработка происходит локально в вашем браузере, данные не отправляются на серверы
Как пользоваться?
Введите свойства OG
Заполните заголовок, описание, URL и изображение для вашей страницы. Выберите подходящий тип контента.
Предпросмотр и настройка
Проверьте предпросмотр, чтобы увидеть, как ваша ссылка будет выглядеть на Facebook и Twitter. Скорректируйте при необходимости.
Скопируйте и внедрите
Скопируйте сгенерированные мета-теги и вставьте их в секцию head вашей HTML-страницы.
Часто задаваемые вопросы
Что такое генератор Open Graph?
Генератор Open Graph помогает создавать og: мета-теги, которые управляют отображением ваших ссылок при публикации на Facebook, LinkedIn, Twitter и других платформах. Заполните заголовок, описание, URL изображения и тип контента — и получите готовые HTML мета-теги с предпросмотром для соцсетей.
Основные возможности
Поддержка всех OG-свойств, включая type, locale и site name. Поля для статей: автор, дата публикации, раздел и теги. Интеграция Twitter Card с выбором типа карточки. Предпросмотр для Facebook и Twitter, чтобы вы видели, как будут выглядеть ваши ссылки при публикации.
Распространённые сценарии
Статьям блога нужны OG-теги типа article с автором и датой публикации. Товарам интернет-магазина полезны теги типа product с изображениями. Для главной страницы и лендингов используйте тип website с сильным брендингом. Каждая страница, которой делятся в соцсетях, должна иметь OG-теги.
Советы
Всегда используйте качественные изображения размером 1200x630px. OG-заголовок не должен превышать 60 символов, описание — 200. Проверяйте теги с помощью отладчика Facebook после деплоя. Для статей блога используйте тип article для более богатых превью ссылок.
Конфиденциальность
Всё работает в вашем браузере. Никакие URL, изображения и данные тегов не отправляются на сервер.