Бесплатно · SEO-инструменты

Предпросмотр для соцсетей

Теги Open Graph + Twitter Card с живой карточкой предпросмотра в стиле Facebook/Twitter

Заголовок

Описание

URL изображения

URL страницы

Название сайта (необязательно)

Тип Twitter card

Живой предпросмотр

Изображение не задано

Результат

Четыре платформы, одна правда о вашей карточке для репостов

Facebook, X, LinkedIn и WhatsApp отрисовывают ваши OG-теги по-разному — посмотрите все четыре макета и исправьте самый слабый до публикации.

⚡

Одна форма — два набора тегов

Теги Open Graph для Facebook, LinkedIn и Slack и теги Twitter Card для X генерируются вместе из одного заголовка, описания, изображения и URL.

🔒

Предпросмотр карточек до публикации

Карточки предпросмотра отображают изображение в пропорции 1.91:1 с доменом, заголовком и описанием — точный макет, который увидят пользователи при публикации ссылки.

🎯

Оба варианта карточек

Выберите summary_large_image для полноширинного изображения или компактную карточку summary — генератор выдаст соответствующий тег twitter:card и все остальные теги.

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

Зачем генерировать теги Open Graph и Twitter Card вместе?

Если специальные теги twitter:* отсутствуют, Twitter/X автоматически использует ваши теги Open Graph — то есть реальные карточки публикации строятся из одного общего набора полей. Заполнять их отдельно означало бы просто дублировать одни и те же title/description/изображение.

Какой размер изображения использовать?

1200×630px (соотношение примерно 1,91:1) — безопасный рекомендуемый размер для карточек "summary_large_image" в Facebook, Twitter/X, LinkedIn и Slack. Изображения меньшего размера или с необычным соотношением сторон могут быть непредсказуемо обрезаны на каждой платформе.

Отправляется ли мой контент куда-либо?

Нет — всё работает на чистом JavaScript прямо в вашем браузере. То, что вы вводите, никогда не отправляется на сервер.

Что читает каждая платформа

Платформа	Основной источник	Пропорции изображения
Facebook / LinkedIn	og:title, og:description, og:image	1.91:1 (минимум 200×200)
X / Twitter	twitter:card, иначе откат к OG	2:1 large, 1:1 summary
WhatsApp	og:title/image (описание часто скрыто)	почти квадратная обрезка

Помечает слишком маленькие изображения, отсутствующие теги размеров (из-за них страница обходится заново) и заголовки, вышедшие за предел отсечки каждой сети.

Что такое предпросмотр для соцсетей?

Когда кто-то делится ссылкой в Facebook, X, LinkedIn или Slack, платформа читает мета-теги — Open Graph для большинства сетей, Twitter Cards для X — и собирает карточку с картинкой, заголовком и описанием. Без этих тегов карточка выглядит криво или показывает лишь голую ссылку, что бьёт по кликабельности. Этот инструмент генерирует оба набора тегов из одной формы и рендерит карточки предпросмотра в реальном времени, чтобы вы видели, как ссылка будет выглядеть, до того как поделитесь ею где-либо. Маркетологи, контент-команды и владельцы сайтов используют его перед каждым запуском.

Что он генерирует

🖼️ Теги Open Graph и Twitter Card из одного набора полей
📱 Живая карточка предпросмотра в стиле Facebook/Twitter при вводе
🗂️ Тип карточки summary или с большой картинкой для X
🔗 Поддержка og:url и og:site_name
📋 Объединённый блок тегов, готовый к вставке

Когда проверять перед публикацией

Запуск продукта или лендинга, которым предстоит широкий шеринг
Проверить вид ссылки на статью перед кампанией
Убедиться, что выбранная картинка хорошо переносит кадрирование 1,91:1
Аудит сайта, у которого карточки шаринга сломаны месяцами

Всё генерируется в вашем браузере; никакой контент не загружается. Одна особенность платформ, о которой стоит знать: соцсети кэшируют метаданные URL, поэтому после добавления тегов новый вид карточки часто появляется только после обновления кэша через инструмент отладки самой платформы.

Обновлено · 2026-09-01