Мои инструменты

Генератор Open Graph

Напишите заголовок и описание, посмотрите карточку и скопируйте метатеги.

Дополнительные параметры

Заполните любое поле, и теги появятся здесь — кнопки «Создать» нет.

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

  1. Заполните заголовок, описание, изображение и URL страницы. Предпросмотр карточки и теги <meta> обновляются по мере ввода — кнопки создания нет.
  2. Откройте «Дополнительные параметры», чтобы добавить название сайта, локаль или имя Twitter @username. Отключите Twitter Card, если вам нужен только Open Graph.
  3. Скопируйте теги и вставьте их в <head> вашей страницы. «Скачать» даёт тот же блок в виде файла .html, который можно сохранить.

Пример

Поля

Заголовок «Как испечь идеальный хлеб на закваске» · тип website · URL изображения · URL страницы · название сайта «Блог пекарни» · локаль ru_RU · Twitter @bakeryblog

Теги

<meta property="og:title" content="Как испечь идеальный хлеб на закваске">
<meta property="og:type" content="website">
<meta property="og:image" content="https://example.com/og-image.png">
<meta property="og:url" content="https://example.com/blog/sourdough">
<meta property="og:description" content="Пошаговое руководство от закваски до хрустящего мякиша с крупными порами.">
<meta property="og:site_name" content="Блог пекарни">
<meta property="og:locale" content="ru_RU">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@bakeryblog">
<meta name="twitter:title" content="Как испечь идеальный хлеб на закваске">
<meta name="twitter:description" content="Пошаговое руководство от закваски до хрустящего мякиша с крупными порами.">
<meta name="twitter:image" content="https://example.com/og-image.png">

Теги создаются в фиксированном порядке, поэтому одни и те же поля всегда дают одинаковый блок. Пустые поля пропускаются — теги с пустым content="" не создаются.

Область применения, ограничения и частые вопросы

  • Без загрузки URL: инструмент не может прочитать существующие теги другого сайта и не может проверить, подхвачена ли ваша развёрнутая страница. После развёртывания вставьте URL в Facebook Sharing Debugger или X Card Validator для проверки.
  • Пустые поля пропускаются. Если оставить описание пустым, og:description не выводится — подставляемых значений нет.
  • Проверки URL — предупреждения, а не блокировка. Относительный путь или отсутствующий https:// всё равно создаёт тег; исправьте это на своей стороне, если платформа отклоняет.
  • Создаются только карточки Twitter summary и summary_large_image. Карточкам App и Player нужны дополнительные поля app:id / player:, которые большинство страниц не использует.
  • Изображение предпросмотра загружается по тому самому URL og:image, который вы ввели, так же как это делают соцсети. Оно не отправляется на наш сервер; если хост недоступен, показывается заглушка.
  • Ничего не загружается, не сохраняется и не попадает в URL страницы. После перезагрузки восстанавливается пример — при очистке полей всё пусто.

Что обычно нужно дальше, когда теги уже на месте.

Генератор favicon

Генератор sitemap