Генератор Open Graph

Создавайте метатеги Open Graph и Twitter Card с живым предпросмотром

Генератор Open Graph создаёт мета-теги, которые определяют, как ваша страница выглядит при публикации в Facebook, LinkedIn, X (Twitter), WhatsApp и на других платформах. Укажите заголовок, описание, URL и изображение — и получите готовые теги Open Graph и Twitter Card.

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

Теги Open Graph Теги Twitter Card Живой предпросмотр Типы: сайт, статья, товар, видео Изображение и название сайта Готовый HTML для копирования

Title

Description

Page URL

Image URL

Site Name

Content Type

Twitter Card Type

Live Preview

example.com

Your page title will appear here

Your page description will appear here

Проверка Open Graph

Массовая проверка редиректов

Генератор Hreflang

Генератор slug

Генератор разметки Schema

Ключевые преимущества

Почему этим инструментом пользуются каждый день

Больше кликов из соцсетей

Понятный заголовок, хорошее описание и крупное изображение выделяют ссылку в ленте и приводят больше посетителей.

Всегда корректные теги

Инструмент использует правильные названия свойств и экранирует спецсимволы, поэтому опечатки не ломают превью.

Увидеть до публикации

Живой предпросмотр примерно показывает, как будет выглядеть карточка ссылки, — без сюрпризов после публикации.

Меньше минуты

Не нужно помнить синтаксис Open Graph и Twitter Card. Заполните несколько полей и скопируйте результат.

Как это работает

Получите результат за четыре простых шага

Укажите данные страницы

Добавьте заголовок, описание и полный URL страницы, которой хотите поделиться.

Добавьте изображение и тип

Вставьте URL изображения, выберите тип контента и при желании укажите название сайта и локаль.

Выберите Twitter Card

Выберите карточку с крупным изображением или компактную сводку для X (Twitter).

Скопируйте теги

Проверьте предпросмотр и вставьте HTML в раздел <head> вашей страницы.

Полезные советы

Добивайтесь лучших результатов с этими рекомендациями

Изображение 1200×630

Изображения около 1200×630 пикселей (1,91:1) чётко отображаются на большинстве платформ. Используйте абсолютный URL с https://.

Короткие заголовки

Ориентируйтесь примерно на 60 символов в заголовке и 110–160 в описании, чтобы они не обрезались.

Канонический URL

Указывайте в og:url канонический адрес страницы, чтобы лайки и репосты учитывались для одного URL.

Обновляйте кэш превью

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

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

Быстрые ответы на распространённые вопросы

Что такое теги Open Graph?

Это мета-теги в разделе <head>, которые сообщают соцсетям, какой заголовок, описание, изображение и URL показывать при публикации страницы. Протокол создан Facebook и сегодня используется большинством соцсетей и мессенджеров.

Чем Open Graph отличается от Twitter Cards?

Twitter Cards — собственные мета-теги X для превью ссылок. X может использовать Open Graph как запасной вариант, но с обоими наборами вы полностью контролируете отображение везде. Этот инструмент создаёт оба.

Куда вставлять сгенерированные теги?

Вставьте их в раздел <head> страницы, которой будут делиться. В большинстве CMS это можно сделать через SEO-плагин или поле для кода в шапке сайта.

Почему после обновления тегов показывается старое изображение?

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