Генератор Open Graph
Создайте мета-теги Open Graph и Twitter Card для идеального отображения в социальных сетях.
📋 Open Graph
📝 Article
🛒 Product
🎬 Video
🐦 Twitter Card
👁️ Предпросмотр
📄 Сгенерированный Код
💡 Вставьте эти теги в раздел <head> вашей HTML-страницы.
Генератор Open Graph
Этот бесплатный генератор мета-тегов Open Graph помогает создавать OG-теги и Twitter Cards для лучшей видимости в соцсетях.
Популярные
О генераторе Open Graph
Генератор Open Graph превращает заголовок, описание, адрес изображения и канонический URL страницы в готовый к вставке блок мета-тегов og: и соответствующую Twitter Card, показывая, как ссылку отрисуют Facebook и X. При смене типа на article, product или video добавляются свойства, которые нужны этим объектам, - article:author и article:published_time, product:price:amount и currency, og:video, - а twitter:card можно задать как summary, summary_large_image, player или app. Всё работает целиком в вашем браузере: сгенерированные теги копируются в буфер обмена и никуда не отправляются.
Примеры использования
Как использовать
Выберите тип страницы вверху: Website, Article/Blog, Product или Video. Это задаёт og:type и подходящую карточку Twitter.
Заполните og:title (не более 95 символов), og:description (не более 200), og:url и og:image, затем укажите ширину и высоту изображения — по умолчанию 1200 на 630.
Добавьте og:site_name и выберите og:locale, например en_US, fr_FR или pt_BR.
Заполните дополнительную панель для своего типа: article:author, published_time, section и tags; цену и валюту товара; или URL видеофайла.
Оставьте Twitter Card включённой и задайте twitter:card — summary, summary_large_image, player или app, а также имена аккаунтов в twitter:site и twitter:creator.
Сравните предпросмотр в стиле Facebook и Twitter/X, затем нажмите Copy и вставьте метатеги в раздел head вашей страницы.
Советы профессионалов
- Вставляйте содержимое сразу — генератор Open Graph распознаёт типовые форматы ввода и автоматически применяет подходящие настройки.
- Используйте горячие клавиши (Ctrl/Cmd+A — выделить всё, Ctrl/Cmd+C — копировать), чтобы работать в генераторе Open Graph быстрее.
- Очень большие данные лучше разбивать на части: вкладка браузера выдержит и мегабайты текста, но разбор огромных объёмов может ненадолго подвесить интерфейс.
- Генератор Open Graph не ведёт журналов и не сохраняет введённые данные. Если нужна история, копируйте важные результаты в файл или в заметки.
- Сочетайте генератор Open Graph с другими инструментами сайта (форматировщиками, конвертерами, кодировщиками), чтобы выстраивать полные цепочки обработки данных не выходя из браузера.
Часто задаваемые вопросы
Да, полностью бесплатный: без регистрации, без ключа API, без водяных знаков и без ограничений на использование.
Нет. Генератор Open Graph работает полностью на стороне клиента, в вашем браузере. Введённые данные не попадают на наши серверы.
Жёсткого ограничения нет, но на объёмах больше нескольких мегабайт возможны замедления — всё зависит от памяти вашего устройства.
Да. Результаты, полученные в генераторе Open Graph, принадлежат вам: используйте их свободно в любом личном или коммерческом проекте.
Основная логика выполняется в JavaScript на стороне клиента, поэтому после первой загрузки вы обычно можете продолжать работу без подключения к сети.
Нет. Генератор Open Graph работает в вашем браузере, поэтому вы можете обработать столько данных, сколько позволит ваше оборудование, — без ключей API и без троттлинга.