Предпросмотр Open Graph: карточка ссылки и генератор тегов

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

Введите Заголовок, Описание и Адрес изображения ссылки, а также Адрес страницы (og:url).
Выберите Тип карточки Twitter (twitter:card) и введите Название сайта (og:site_name), если оно у вас есть.
Или вставьте строки мета-тегов страницы в поле вставки и нажмите Прочитать вставленные теги, чтобы заполнить форму.
Прочитайте шесть карточек ссылок и предупреждения под ними, затем нажмите Копировать или Скачать, чтобы взять Головные теги.

Какие теги читает карточка ссылки

Протокол Open Graph называет обязательными свойствами og:title, og:type, og:image и og:url; og:description и og:site_name необязательны. Инструмент всегда записывает og:type со значением website, потому что это единственное обязательное значение, которое форма не запрашивает.

Центр справки LinkedIn сообщает, что окно публикации берёт заголовок, описание и изображение из oEmbed и (или) разметки Open Graph.
Документация Slack говорит, что Slack ищет распространённые метаданные Open Graph и X (бывший Twitter Card).
Facebook рекомендует изображение не меньше 1 200 × 630 пикселей и советует держать соотношение сторон близко к 1,91:1.

Размер изображения и что проверяет инструмент

Документация Facebook по изображениям для публикаций рекомендует не меньше 1 200 × 630 пикселей и говорит, что файл не должен превышать 8 МБ. Инструмент может прочитать размер изображения, только если вы выбрали его на этом устройстве, потому что введённый адрес не загружается.

Выбранное изображение сравнивается с 1 200 × 630 пикселями, и при расхождении об этом выводится примечание. Для тегов нужен адрес изображения в интернете, который вы вводите в поле «Адрес изображения».

Вставка тегов страницы

Когда вы вставляете строки мета-тегов страницы, форма заполняется по ним. Инструмент читает только теги og: и twitter:, а значение og: важнее значения twitter: для одного и того же поля. Вставленный текст разбирается в отдельном документе и никогда не помещается на эту страницу.

Что такое карточки ссылок

Каждая карточка — общий макет в общих очертаниях карточки ссылки: изображение сверху, изображение сбоку, облачко сообщения или блок с полосой. Цвета нейтральные, логотипы не показаны. Карточки не копируют карточку какого-либо сервиса. Если на этой странице описано, что делает сервис, ссылка ведёт на его собственную страницу.

Пример: страница с изображением 1 200 × 630

Заголовок: «Калькулятор сложных процентов» (29 знаков). Описание: «Расчёт роста накоплений с ежемесячными взносами.» Адрес страницы: https://example.com/compound-interest-calculator, адрес изображения: https://example.com/images/compound-interest-1200x630.png, название сайта: FireToolLand, тип карточки: summary_large_image.

Головные теги: og:type, og:title, og:description, og:image, og:url, og:site_name и twitter:card, всего семь строк. Примечаний нет: заголовок короче ориентира, адреса изображения и страницы — https, а тип карточки задан.

Тег	Значение
og:type	website
og:title	Калькулятор сложных процентов
og:site_name	FireToolLand
twitter:card	summary_large_image

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

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

Адрес изображения, который вы вводите, не загружается: иначе страница отправила бы запрос на этот адрес. Рамка показывает адрес текстом. Чтобы увидеть картинку здесь, выберите изображение на своём устройстве.

Загружается ли моё изображение, когда я его выбираю?

Нет. Изображение показывается по локальному адресу, который остаётся в вашем браузере, и этот адрес отменяется, когда вы выбираете другое изображение. Изображение никуда не загружается и не записывается в теги.

Почему адреса в тегах должны быть полными адресами https?

По адресу страницы и адресу её изображения строится карточка ссылки. Тег og:url задаёт канонический адрес объекта, поэтому он должен быть полным адресом страницы в формате https.

Карточки показывают точно то, что выводит каждый сервис?

Нет. Шесть карточек — общие макеты. Сервисы меняют свои карточки и могут хранить теги страницы в кеше, поэтому проверьте результат в самом сервисе.

Проверяет ли инструмент длину заголовка точно?

Нет. ogp.me не задаёт предельной длины для og:title. Примечание о 60 знаках — это ориентир, выбранный инструментом, а сервис может показывать другую длину.

Источники

Цифры и текст в последний раз проверены вторник, 10 ноября 2026 г..