ГлавнаяИнструментыГенератор Open Graph разметки

Генератор Open Graph разметки

Open Graph управляет тем, как ссылка выглядит в мессенджере, соцсети и почтовом клиенте: без этих тегов площадка тащит первую попавшуюся картинку и обрезок текста со страницы. Инструмент собирает готовый набор: обязательные четыре тега, Twitter Card, размеры и альт картинки, локаль, имя сайта. Рядом идёт предпросмотр карточки и проверка длин — заголовок и описание режутся на разной длине в разных мессенджерах, и лучше увидеть обрезку здесь, чем в чате с клиентом. Готовую разметку можно скопировать одной кнопкой.

Страница

Канонический, с протоколом.

Картинка

Абсолютный, открывается без авторизации.
Читается скринридером и подстраховывает, если картинка не загрузилась.

Дополнительно

Предпросмотр

Картинка появится, когда адрес будет доступен
example.com

Готовая разметка

Как пользоваться

  1. Это минимум, без которого карточка соберётся неправильно.
  2. Абсолютный адрес и размеры. Рекомендуемое соотношение — 1,91:1, обычно 1200×630.
  3. Он показывает, как карточка будет выглядеть и где текст обрежется.
  4. Готовый блок вставляется в head страницы.

Частые вопросы

Какие теги обязательны

Четыре: og:title, og:type, og:image и og:url. Без них площадка формально не обязана строить карточку и начинает угадывать. На практике добавляют ещё og:description — без него под заголовком окажется случайный кусок текста со страницы.

Какого размера должна быть картинка

Ходовой ориентир — 1200×630, это соотношение 1,91:1. Минимум для крупной карточки — 600×315, ниже площадки показывают маленькую иконку сбоку вместо большого изображения. Вес лучше держать в пределах пяти мегабайт: тяжёлые файлы часть площадок просто не забирает.

Почему в мессенджере показывается старая картинка

Из-за кеша на стороне площадки. Превью забирается один раз и хранится днями. У большинства крупных сервисов есть отладчик ссылок, который умеет обновлять кеш принудительно. Обходной путь — поменять адрес картинки, добавив к нему версию в параметре.

Нужен ли Twitter Card, если аудитории там нет

Теги twitter:card читает не только сам сервис. Часть мессенджеров и агрегаторов ориентируется на них как на запасной вариант, если Open Graph неполон. Стоят они три строки, поэтому проще поставить, чем разбираться, кто именно их читает.

На какой длине обрезается заголовок

Единого лимита нет, у каждой площадки свой. Практичный ориентир: 60–70 знаков для заголовка и 150–200 для описания. Инструмент подсвечивает превышение этих порогов, но обрезка зависит ещё и от ширины экрана, поэтому главное — уместить смысл в первые сорок знаков.

Обязателен ли абсолютный адрес картинки

Да. Относительный путь вида /img/cover.png площадка не разрешит: она забирает картинку со своей стороны и не знает вашего домена. Адрес должен начинаться с http или https и открываться без авторизации.

Данные куда-то отправляются

Нет, разметка собирается в браузере.

Похожие инструменты

Генератор sitemap.xml

Соберёт ссылки прямо с вашего сайта по адресу или сделает карту из готового списка URL. lastmod, changefreq, priority.

Открыть
robots.txt для AI + llms.txt

Галочками закрываете или открываете нейросетевые боты (GPTBot, ClaudeBot, Google-Extended, PerplexityBot) и собираете модный файл llms.txt. На волне GEO.

Открыть
Микроразметка Schema.org

Генератор JSON-LD: Organization, LocalBusiness, Article, FAQ, хлебные крошки, Product. Готовый код для расширенных сниппетов и ИИ-выдач.

Открыть
Транслитерация в URL

Переводит русские заголовки в чистые URL-слаги (ЧПУ): транслит, дефисы, нижний регистр, удаление стоп-слов. Готовый slug для страницы.

Открыть
Стоимость SEO для вашего проекта

Ориентир по бюджету и срокам под ваш тип бизнеса, размер сайта, конкуренцию и регион. Формула на 11 годах работы — за 2 минуты.

Открыть
Лемматизация и нормализация

Приводит ключи к основе (стемминг) и схлопывает словоформы. Умный дедуп семантики: ловит дубли по падежам, числу и порядку слов.

Открыть

Ещё инструменты для SEO и маркетинга

Кластеризатор запросов, генераторы sitemap и robots.txt, минус-слова, разметка Schema.org и калькуляторы — в разделе инструментов.