neorankГенератор Open Graph разметки — метатеги для соцсетей
Инструмент для генерации og-тегов без ручного кода. Заполняете поля — получаете готовую разметку Open Graph. Генератор создаёт теги: og:title, og:description, og:image, og:url, og:type, og:locale и og:site_name. Все поля необязательны — код формируется только из того, что вы заполнили. Результат появляется справа и обновляется мгновенно. Копируете, вставляете в head, проверяете через валидатор. Разметка соответствует актуальной спецификации Open Graph Protocol.
Open Graph разметка для всех соцсетей
Open Graph-теги работают в ВКонтакте, Telegram и Facebook одновременно. Заполнили форму один раз — и ссылка красиво отображается на всех платформах. Не нужно создавать отдельную разметку под каждую социальную сеть.
Полный контроль над превью ссылки
Вы сами задаёте заголовок, описание и изображение, которые увидят пользователи. Без Open Graph соцсеть подставляет случайный фрагмент текста и первую попавшуюся картинку. С разметкой превью выглядит именно так, как вы настроили.
Заполните поля — готовый HTML-код og-тегов появится справа
Заполните поля слева — HTML-код og-тегов появится здесь.
Как работает генератор og-тегов
Генератор Open Graph собирает метатеги автоматически, пока вы заполняете поля. Вводите заголовок — og:title готов. Добавляете описание — og:description сформирован. Указываете ссылку на изображение — og:image в коде. Справа instantly обновляется готовый HTML для вставки в <head>. Больше не нужно помнить синтаксис тегов, расставлять кавычки и проверять атрибуты property — генератор делает это за вас по спецификации Open Graph Protocol.
Какие og теги создаёт генератор
Инструмент формирует семь метатегов: og:title — заголовок сниппета, og:description — текст под заголовком, og:image — картинка превью, og:url — адрес страницы, og:type — тип материала (website, article, product, profile), og:locale — язык содержимого, og:site_name — название сайта. Все теги необязательны — генератор формирует код только из того, что вы заполнили. Минимальный набор для корректного превью: og:title, og:description, og:image и og:url.
Требования к og:image — размер, формат, URL
Изображение для Open Graph должно лежать на вашем сервере и открываться по прямой ссылке. Рекомендованный размер — 1200×630 пикселей: такое соотношение 1.91:1 корректно отображается в ВК, Telegram и Facebook. Формат — JPG, PNG или WebP. Файл меньше 300 КБ загружается быстро и не тормозит отрисовку превью. Картинки меньше 600×315 соцсети растянут, и они станут размытыми. Перед вставкой проверьте URL изображения в браузере — битая ссылка в og:image оставит превью без картинки.
Ошибки ручной og разметки — что ломает превью
Ручное написание микроразметки Open Graph приводит к ошибкам, из-за которых соцсеть игнорирует теги. Частые проблемы: неверный синтаксис (перепутаны name и property), незакрытые кавычки, кривые URL изображений, og:image без абсолютного пути, пустые значения тегов. После исправлений соцсеть не обновляет превью мгновенно — она кэширует старую версию. Проверить результат можно через валидатор Facebook Sharing Debugger или сервис предпросмотра ссылок ВКонтакте. Генератор исключает эти ошибки: код формируется автоматически, атрибуты расставлены по спецификации.
Частые вопросы о генераторе Open Graph
Open Graph — это протокол микроразметки, который управляет тем, как ссылка на сайт выглядит в соцсетях. Без og-тегов ВКонтакте, Telegram и Facebook сами решают, какой заголовок, описание и картинку показать — и часто делают это плохо. С разметкой Open Graph вы задаёте превью вручную: og:title для заголовка, og:description для текста, og:image для изображения. Результат — красивое, информативное превью, которое увеличивает кликабельность ссылки.
После вставки кода на сайт используйте официальные валидаторы: Facebook Sharing Debugger для Facebook и Instagram, Валидатор микроразметки ВКонтакте, бот @WebpageBot в Telegram. Эти инструменты покажут, как соцсеть видит страницу, какие og-теги считаны и есть ли ошибки. Перед проверкой убедитесь, что страница доступна для соцсетей — не закрыта от индексации и не требует авторизации.
Соцсети кэшируют превью при первом репосте и не обновляют его сразу после правок. Telegram держит кэш около часа, ВКонтакте — до суток, Facebook — до нескольких дней. Есть два способа ускорить обновление: прогнать URL через официальный валидатор (он сбрасывает кэш принудительно) или добавить к ссылке GET-параметр, например ?v=2 — соцсеть посчитает страницу новой и считает og-теги заново.
Оптимальный размер для og:image — 1200×630 пикселей, соотношение 1.91:1. Такой формат корректно отображается во всех соцсетях: ВК, Telegram, Facebook. Минимально допустимый размер — 600×315 px — всё, что меньше, соцсети растянут и картинка станет размытой. Формат — JPG, PNG или WebP. Вес файла — до 300 КБ, иначе превью будет грузиться медленно. Картинка должна быть доступна по прямой ссылке и не заблокирована для соцсетей.
Нет. Минимальный набор для превью — четыре поля: og:title, og:description, og:image и og:url. Без og:image превью будет без картинки и потеряет до 60% кликов. og:type, og:locale и og:site_name — дополнительные: они уточняют контекст, но не критичны. Генератор формирует код только из заполненных полей — пустые просто не попадают в разметку.
Open Graph — это микроразметка только для соцсетей. Она управляет превью ссылки в ВК, Telegram и Facebook. Schema.org (JSON-LD) — это разметка для поисковиков: она помогает Яндексу и Google формировать расширенные сниппеты в выдаче. Это два разных протокола, они не заменяют друг друга. На странице могут быть одновременно и og-теги, и Schema-разметка — они решают разные задачи.
Да. Генератор создаёт готовый HTML-код, который можно вставить в шаблон сайта на любой CMS: WordPress, Bitrix, Joomla, MODX. В WordPress og-теги добавляются через редактор темы в header.php, через SEO-плагин (Yoast, Rank Math) или вручную в код страницы. В Bitrix — через редактирование шаблона в админке или в файл header.php. Для динамических страниц используйте генератор для создания шаблона разметки, а данные подставляйте на серверной стороне.
Причин несколько: og:image содержит битую ссылку или относительный путь вместо абсолютного, картинка меньше 600×315 px, формат не поддерживается соцсетью, сервер блокирует запросы от ботов соцсетей, файл слишком тяжёлый и не успевает загрузиться. Проверьте URL картинки в браузере, убедитесь, что она доступна без авторизации, и прогоните страницу через валидатор — он покажет, видит ли соцсеть ваш og:image.
Генератор Open Graph — один из 11 инструментов Neorank
Настроили метатеги для соцсетей? Рядом: генератор URL, транслит онлайн, счётчик символов, генератор robots.txt.
Все инструменты