Предпросмотр Open Graph
Генерируйте метаданные Open Graph из введенных текстовых значений для предпросмотра ссылки.
Запустить инструмент
Создавайте готовую разметку метатегов для предпросмотра страниц при публикации ссылок в социальных сетях и мессенджерах. Введите заголовок страницы и при желании дополните его кратким описанием, прямой ссылкой на страницу, адресом фонового изображения, названием сайта, типом публикации и языковой локалью. Онлайн-генератор формирует корректные теги на основе введенных текстовых данных, экранируя специальные символы для безопасной вставки в код. Сервис обрабатывает текст напрямую и не загружает внешние файлы по указанным адресам, поэтому ссылки на картинки и веб-страницы должны быть заранее подготовлены. Если указать только заголовок, инструмент создаст базовые строки разметки для заголовка и описания. Дополнительные теги для адреса картинки, канонического адреса и названия ресурса включаются в итоговый блок только при заполнении соответствующих полей. Без заполнения поля с заголовком генератор не создает метаданные. Полученный фрагмент HTML можно скопировать и вставить в блок head вашего сайта.
Инструкция
- Введите название веб-страницы в поле «Заголовок». Без него итоговый блок метаданных останется пустым.
- Заполните поле «Описание», чтобы сформировать текст аннотации для предпросмотра. Если оставить его пустым при заполненном заголовке, тег описания все равно будет создан.
- При необходимости укажите значения в полях «URL изображения», «URL» и «Название сайта». Эти параметры попадут в код только при наличии введенных данных.
- Укажите нужные значения в полях «Тип» и «Локаль», если они отличаются от стандартных website и en_US. Например, для русскоязычной публикации введите ru_RU.
- Скопируйте сгенерированные теги и вставьте их в блок head вашего сайта для проверки в инструментах предпросмотра ссылок.
Примеры
- Чтобы подготовить метаданные страницы статьи, укажите заголовок «Как выбрать велосипед для города», краткий текст в поле «Описание», URL страницы, адрес в поле «URL изображения», значение в поле «Название сайта», выберите «Тип» website и значение «Локаль» ru_RU.
- Для минимального набора тегов заполните только поле «Заголовок». Например, при значении «Новости компании» инструмент сформирует разметку для заголовка и описания, даже если само поле описания оставлено пустым.
Частые вопросы
Нужно ли заполнять все поля формы?
Все поля формы необязательны. Если указать только заголовок, инструмент сформирует базовые строки для заголовка и описания.
Какие значения используются по умолчанию?
В поле «Тип» по умолчанию задано значение website, а в поле «Локаль» используется en_US. Вы можете заменить их на собственные параметры.
Когда в разметку добавляются изображение, URL и название сайта?
Теги для изображения, адреса страницы и названия сайта формируются только тогда, когда заполнены соответствующие поля формы.
Что произойдет, если оставить заголовок пустым?
Если поле «Заголовок» не заполнено, генератор не выводит метаданные в итоговом блоке.
Обрабатываются ли специальные символы в тексте?
Перед вставкой в HTML-теги переданный текст экранируется, чтобы спецсимволы и кавычки отображались корректно.