Open Graph · Twitter Card · Превью
Превью сайта в соцсетях
Проверьте как будет выглядеть ссылка при шаринге в Telegram, VK и других соцсетях. Визуальный предпросмотр + анализ og:title, og:description и og:image.
Что такое Open Graph
Open Graph (OG) — протокол разработанный Facebook для контроля над тем, как ссылки выглядят при шаринге в соцсетях. Теги og:title, og:description и og:image определяют заголовок, описание и изображение превью.
Ключевые теги
og:title— заголовок в превьюog:description— описаниеog:image— изображение (1200×630 px)og:url— канонический URLog:type— тип контентаog:site_name— название сайта
Twitter Card и другие форматы
Twitter (X) использует собственный формат — Twitter Card. При его отсутствии платформа возвращается к OG-тегам. Для лучшего отображения рекомендуется указывать оба набора тегов.
Типы Twitter Card
summary— маленькая иконка + текстsummary_large_image— большое изображениеapp— для мобильных приложений
Для большинства сайтов оптимален summary_large_image.
Частые вопросы
Соцсети кешируют превью. Для Telegram используйте @WebPageBot для сброса кеша. Для Facebook/VK — Sharing Debugger их платформы. После изменения og:image обычно требуется несколько часов для обновления в кеше.
Стандарт: 1200×630 пикселей (соотношение 1.91:1). Минимум: 600×315 для правильного отображения. Telegram обрезает изображения до 1.5:1. VK принимает любой формат. Используйте PNG или JPG, максимум 5 МБ.
Желательно. Twitter при отсутствии twitter:card возвращается к OG, но рендеринг может быть хуже. Минимальный набор Twitter Card: twitter:card=summary_large_image, twitter:title, twitter:description, twitter:image.
Напрямую — нет. Google не использует og:description как описание в сниппете. Но OG-теги влияют на CTR из соцсетей, а социальные сигналы косвенно влияют на ранжирование. og:image важен для отображения в Google Discover.