Быстрая генерация Open Graph разметки

Используйте генератор open graph, чтобы моментально получить готовый блок метатегов для карточки товара, статьи, лендинга или главной страницы сайта. Заполните обязательные поля заголовка и описания, настройте дополнительные параметры и нажмите кнопку «Сгенерировать». Сервис сформирует корректный фрагмент кода с тегами property="og:..." для вставки в блок head страницы, покажет длину текста и проверит наличие ссылки на изображение.

Грамотно настроенная микроразметка формирует привлекательное превью ссылки при отправке в мессенджерах и публикации в социальных сетях, что напрямую повышает кликабельность сниппета и привлекает целевой трафик.

Параметры и подготовка данных

Перед заполнением формы соберите сведения о странице. В генераторе предусмотрены следующие поля:

  • og:title (обязательное поле) - заголовок сниппета, емко отражающий суть страницы или название товара.
  • og:description (обязательное поле) - текстовое описание страницы объемом до 200 символов.
  • og:type - тип контента. Выбирается из списка: website (значение по умолчанию), article, product, video.other, music.song, profile. Для страниц интернет-магазина чаще всего выбирают product, а для информационных разделов - article или website.
  • og:url - канонический адрес страницы в сети.
  • og:image - прямая ссылка на изображение. Рекомендуемое сервисом разрешение иллюстрации составляет 1200×630 пикселей.
  • og:site_name - название вашего сайта или интернет-магазина.
  • og:locale - региональная языковая настройка (по умолчанию установлено значение ru_RU).

В отличие от упрощенных схем, инструмент требует обязательного заполнения сразу двух ключевых полей: og:title и og:description. Без них генерация кода не начнется.

Пошаговый процесс создания метатегов

  1. Откройте генератор. Перейдите на страницу инструмента генерации open graph.
  2. Введите заголовок и описание. Заполните обязательные строки og:title и og:description (до 200 знаков).
  3. Укажите тип страницы. Выберите подходящий og:type из выпадающего списка (например, product для карточки каталога).
  4. Добавьте дополнительные данные. При необходимости вставьте адрес страницы в og:url, ссылку на обложку в og:image, впишите og:site_name и проверьте og:locale.
  5. Создайте разметку. Нажмите кнопку «Сгенерировать».
  6. Оцените параметры и скопируйте код. Сервис выведет готовый блок метатегов, а также отобразит длину заголовка, размер описания и статус наличия картинки. Скопируйте результат и разместите его внутри тега <head> вашей HTML-страницы.

Пример заполнения для интернет-магазина

Для генерации разметки товарной позиции можно использовать следующий набор параметров:

  • og:title: Беспроводные наушники Zyntec Pro
  • og:description: Полноразмерные наушники с активным шумоподавлением и автономностью до 40 часов. Быстрая доставка по всей стране.
  • og:type: product
  • og:url: https://zyntec.ru/catalog/headphones-pro/
  • og:image: https://zyntec.ru/images/headphones-pro-1200x630.jpg
  • og:site_name: Zyntec
  • og:locale: ru_RU

После нажатия кнопки «Сгенерировать» инструмент выдает чистый HTML-код со всеми заполненными свойствами Open Graph, готовый к публикации.

Ограничения и сценарии применения

Инструмент рассчитан на решение конкретных практических задач: - создание метатегов для карточки товара перед стартом продаж; - подготовка кликабельного превью новой статьи в блоге; - разметка посадочной страницы или главного экрана нового сайта; - обновление сниппета перед запуском рекламной кампании.

При работе учитывайте системные ограничения: длина поля og:description рассчитана на объем до 200 символов, выбор og:type строго ограничен предустановленным списком значений, а поля заголовка и описания не могут оставаться пустыми.

Ошибки при генерации и их устранение

Если исходные данные заполнены некорректно, генератор не выдаст код, а покажет соответствующее уведомление:

  • «Поле og:title обязательно» - возникает, если строка заголовка осталась пустой. Для исправления введите заголовок превью.
  • «Поле og:description обязательно» - появляется при отсутствии текста в блоке описания. Внесите текст анонса до 200 символов.
  • «Неизвестный og:type: X» - отображается при передаче нестандартного типа контента. Выберите одно из доступных значений из списка (website, article, product, video.other, music.song, profile).

После исправления параметров нажмите кнопку «Сгенерировать» повторно.

Читайте также