Как быстро создать разметку Open Graph
Чтобы сформировать корректные метатеги для красивого отображения страниц при публикации ссылок, откройте генератор Open Graph в Zyntec, внесите данные страницы и отправьте форму. Ключевое правило сервиса: поле og_description обязательно для заполнения. После отправки вы моментально получите готовый блок HTML-кода, который останется скопировать в секцию <head> вашего сайта.
Подготовка данных для генератора
Перед заполнением формы подготовьте базовую информацию о веб-странице, карточке товара или статье. Для генерации полного набора тегов понадобятся следующие параметры:
- Тип страницы (og:type): например,
website. - Заголовок (og:title): краткое название страницы, например, «Тестовый заголовок страницы».
- Канонический адрес (og:url): полный адрес страницы, например,
https://zyntec.ru/. - Ссылка на обложку (og:image): прямая ссылка на картинку, например,
https://zyntec.ru/static/og-image.png. - Название проекта (og:site_name): имя сайта, например,
Zyntec. - Языковой стандарт (og:locale): региональная метка, например,
ru_RU. - Описание страницы (og:description): краткий анонс для сниппета, например, «Описание страницы для социальных сетей.».
Обязательно проверьте наличие текста в описании до отправки запроса. Исходный список параметров полезно сохранить в черновике, чтобы быстро сверить его с итоговым кодом.
Пошаговое руководство
- Откройте инструмент. Перейдите на страницу онлайн-генератора Open Graph в Zyntec.
- Внесите параметры страницы. Заполните строки с адресом сайта, ссылкой на изображение и заголовком.
- Заполните блок описания. Обязательно впишите текст в поле
og_description. - Сгенерируйте код. Нажмите кнопку отправки формы.
- Проверьте результат. Убедитесь, что инструмент сформировал HTML-теги без предупреждений интерфейса.
- Сохраните разметку. Скопируйте готовый фрагмент кода для вставки в структуру сайта.
Пример заполнения формы
Для быстрой проверки работы сервиса можно использовать стандартный набор значений:
- Тип:
website - Заголовок:
Тестовый заголовок страницы - Адрес страницы:
https://zyntec.ru/ - Ссылка на изображение:
https://zyntec.ru/static/og-image.png - Название ресурса:
Zyntec - Локаль:
ru_RU - Описание:
Описание страницы для социальных сетей.
При отправке этих параметров сервис формирует полный набор метатегов без сообщений об ошибках.
Генератор принимает в поле описания даже минимальные значения: если передать один символ (например, «а»), разметка также успешно создается. Тем не менее для реальных страниц рекомендуется готовить информативные тексты от 60 до 160 символов, чтобы сниппет выглядел аккуратно и понятно.
Ограничения и особенности работы
При генерации метатегов важно учитывать несколько технических деталей:
- Обязательным для заполнения является только поле
og_description. Пустая строка в этом поле блокирует генерацию. - Сервис обрабатывает введенные строки напрямую и формирует метатеги заново при каждой отправке формы.
- Инструмент не выполняет проверку доступности внешних картинок или ссылок на стороне вашего хостинга, поэтому корректность URL необходимо контролировать самостоятельно.
- Если у вас пока нет готового текста для описания, генерацию выполнить не удастся: сначала подготовьте хотя бы черновой вариант анонса.
Возможные ошибки и их устранение
Главная ошибка возникает, если поле og_description оставлено пустым. В этом случае инструмент не выводит блок с кодом, а показывает сообщение интерфейса: «Ошибка: Поле og:description обязательно».
Чтобы исправить ситуацию:
- Введите текст анонса или краткое описание страницы в поле
og_description. - Повторно нажмите кнопку генерации.
- Скопируйте появившийся блок тегов в проект.
Если форма заполнена, но итоговый сниппет отображается некорректно на внешних площадках, проверьте правильность указания протокола (http или https) и доступность файла изображения по прямой ссылке.