Почему OG-теги не генерируются: симптомы и причины

Если генератор Open Graph выводит ошибку вместо готового блока meta-тегов, проверьте три частых сценария:

  • «Поле og:title обязательно». Заголовок страницы оставлен пустым - это главный обязательный параметр разметки.
  • «Поле og:description обязательно». Отправлена форма без описания: добавьте анонс до 200 символов.
  • «Неизвестный og:type». Тип документа введен вручную мимо списка: допустимы website, article, product, video.other, music.song и profile.

Ниже - как заполнить каждое поле, какие URL изображений поддерживаются и как проверить готовую разметку перед публикацией.

Как быстро настроить Open Graph теги

Чтобы сформировать корректную микроразметку для привлекательного отображения ссылок в социальных сетях, используйте Генератор Open Graph. Сервис автоматически собирает готовый HTML-код с метатегами property="og:...", подсчитывает длину заголовка и описания, а также фиксирует наличие ссылки на изображение. В инструменте строго обязательны два параметра: заголовок страницы og:title и краткий анонс og:description. Остальные поля можно заполнять по мере необходимости. Полученный фрагмент разметки достаточно скопировать и вставить в блок head на вашем сайте.

Что подготовить перед генерацией

Для подготовки полного комплекта метаданных страницы определите следующие параметры:

  • Заголовок (og:title): обязательное поле, содержит название материала или карточки.
  • Описание (og:description): обязательное поле, краткий текст анонса объемом до 200 символов.
  • Тип контента (og:type): выбор из списка значений website (установлен по умолчанию), article, product, video.other, music.song или profile.
  • Адрес страницы (og:url): каноническая ссылка на текущий документ.
  • Изображение (og:image): прямая ссылка на иллюстрацию; рекомендуемый сервисом размер составляет 1200х630 пикселей.
  • Название проекта (og:site_name): общее наименование ресурса.
  • Локаль (og:locale): языковой стандарт, по умолчанию используется ru_RU.

Пошаговое руководство

  1. Откройте форму генерации. Перейдите в инструмент на сайте Zyntec.
  2. Укажите заголовок и описание. Заполните обязательные поля og:title и og:description.
  3. Настройте дополнительные параметры. При необходимости выберите подходящий og:type, вставьте URL страницы, ссылку на изображение 1200х630, имя сайта и проверьте локаль.
  4. Сформируйте теги. Нажмите кнопку «Сгенерировать».
  5. Проверьте результат. Сервис выведет готовый код, покажет число символов в заголовке и описании, а также подтвердит прикрепление картинки.
  6. Скопируйте разметку. Вставьте созданный блок метатегов внутрь тега <head> целевой страницы.

Практический пример и проверка работы

Рассмотрим типовой набор данных для публикации статьи:

  • Заголовок (og:title): Руководство по настройке разметки
  • Описание (og:description): Пошаговый разбор генерации метатегов Open Graph для публикации материалов.
  • Тип (og:type): article
  • Адрес (og:url): https://zyntec.ru/articles/generator-og/
  • Изображение (og:image): https://zyntec.ru/images/preview.png
  • Имя сайта (og:site_name): Zyntec
  • Локаль (og:locale): ru_RU

После нажатия кнопки «Сгенерировать» инструмент сформирует готовый блок кода для вставки в head и отобразит параметры анализа: длину заголовка, длину описания и индикатор наличия изображения.

Если не заполнить заголовок, инструмент выведет предупреждение «Поле og:title обязательно». Если оставить пустым блок описания, сервис покажет сообщение «Поле og:description обязательно». При передаче неподдерживаемого типа страницы появится уведомление вида «Неизвестный og:type: X».

Сценарии применения и нюансы инструмента

Генератор закрывает основные задачи веб-мастеров и редакторов: - оформление превью для новой статьи или блога; - подготовка метатегов посадочной страницы (лендинга); - настройка карточки товара для каталога; - обновление сниппетов перед запуском рекламной кампании; - первичная разметка главной страницы нового сайта.

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

Частые ошибки и способы их решения

  1. Пропуск заголовка страницы. Если поле og:title пустое, разметка не будет сгенерирована, а интерфейс покажет ошибку «Поле og:title обязательно». Введите краткое и емкое название страницы.
  2. Отсутствие описания. Попытка отправить форму без поля og:description приводит к системной ошибке «Поле og:description обязательно». Добавьте понятный анонс до 200 символов.
  3. Неверно указанный тип документа. Если в форму передано значение, отсутствующее в списке допустимых типов, появится ошибка «Неизвестный og:type: X». Выбирайте один из доступных вариантов: website, article, product, video.other, music.song или profile.

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