Что такое Open Graph теги и как они работают
Open Graph теги управляют тем, как выглядят ссылки в соцсетях. Разбираем og:title, og:image, og:description — что ставить, чтобы увеличить CTR в 2-3 раза.
Что такое Open Graph?
Open Graph — это протокол от Facebook, который позволяет контролировать, как ваша страница отображается при публикации в социальных сетях: Facebook, Telegram, Twitter/X, LinkedIn, WhatsApp и других.
Основные теги
'<'meta property="og:title" content="Заголовок страницы" /'>'
'<'meta property="og:description" content="Описание до 200 символов" /'>'
'<'meta property="og:image" content="https://example.com/image.jpg" /'>'
'<'meta property="og:url" content="https://example.com/page" /'>'
'<'meta property="og:type" content="website" /'>'
'<'meta property="og:site_name" content="Название сайта" /'>'Размеры og:image
| Платформа | Рекомендуемый размер | Мин. размер |
|---|---|---|
| 1200×630 px | 600×315 px | |
| Twitter/X | 1200×628 px | 300×157 px |
| 1200×627 px | 200×200 px | |
| Telegram | 1280×640 px | любой |
Как OG теги влияют на трафик?
Исследования показывают: правильно настроенные OG теги увеличивают CTR из соцсетей на 30-50%. Пост с красивым превью получает больше кликов и репостов.
Типичные ошибки
1. og:image не кешируется — Facebook кэширует изображение. При замене нужно сбросить кеш через Sharing Debugger
2. Слишком длинный og:title — рекомендуется до 60 символов
3. Нет og:image — без картинки пост выглядит бедно
Проверьте ваши OG теги в нашем превьюере — покажет, как ваша страница будет выглядеть во ВКонтакте, Telegram, Facebook и Twitter.