Готов улучшиться?

Предоставьте нам информацию для вашего персонализированного предложения

Вставьте опубликованный URL, и мы получим существующие теги Open Graph, чтобы вы могли увидеть, как он отображается прямо сейчас.

URL страницы

og:title 0 / 70

og:описание 0 / 200

og:изображение

Внимание: социальные платформы не могут читать загруженные файлы. Разместите свое изображение по общедоступному URL-адресу (ваш CDN, S3, Cloudinary, imgur и т. д.) и вставьте этот URL в og:изображение перед публикацией. Предварительный просмотр здесь работает, но метатеги ниже требуют реального URL.

og:site_name

твиттер:карточка

твиттер:сайт

example.com

Ваш заголовок для общего доступа

Его предварительный просмотр описания будет показан здесь.

Ваш заголовок для общего доступа

Его предварительный просмотр описания будет показан здесь.

example.com

Ваш заголовок для общего доступа

example.com

Ваш сайт

Ваш заголовок для общего доступа

Его предварительный просмотр описания будет показан здесь.

Остался один шаг, чтобы эти теги заработали. Вы загрузили изображение, поэтому мы заменили данные на URL-адрес-заполнитель (https://example.com/your-image.jpgСоциальные платформы (Facebook, X, LinkedIn, Slack) могут загружать изображения только из общедоступного URL-адреса. Разместите изображение на своем CDN / S3 / Cloudinary / imgur, затем замените заполнитель на этот реальный URL в обоих og:изображение и твиттер:изображение перед публикацией.

Что это?

Что такое предварительный просмотр Open Graph?

Предварительный просмотр того, как ваш URL будет отображаться, когда кто-то поделится им в Facebook, X, LinkedIn или Slack. Настроить og:title, og:описание, и og:изображение пока каждая платформа не будет выглядеть отлично.

Никаких сюрпризов после публикации.

og:title

~70 символов

og:изображение

1.91:1

4 платформы, 1 источник истины

Советы

Будьте на виду в соцсетях

То, как выглядит ваша ссылка в ленте, решает, кликнут ли на нее.

Вот быстрый контрольный список:

Используйте 1200 x 630 для og:image (1,91:1)
OG:Title, не более 60-70 символов
Используйте абсолютные URL-адреса для og:image
Зеркало og: теги в Twitter: * эквиваленты
Установить og:type=website или og:type=article

Преимущества

Зачем предпросматривать Open Graph?

Поймать уродливые превью
Увидьте сломанное или отсутствующее изображение раньше своей аудитории.
Увеличить CTR публикаций
Лучшие карточки означают больше кликов и репостов.
Тестируйте варианты быстро
Итерируйте по секундам без повторного развертывания или очистки кэша.
Готовые мета-теги
Получите полный набор тегов og: и twitter: одним кликом.