Що таке теги 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 пікселів | 600×315 пікселів | |
| Twitter/X | 1200×628 пікселів | 300×157 пікселів |
| 1200×627 пікселів | 200×200 пікселів | |
| Телеграма | 1280×640 пікселів | будь-який |
Як теги OG впливають на трафік?
Дослідження показують: правильно налаштовані теги OG підвищують CTR із соціальних мереж на 30-50%. Публікація з гарним попереднім переглядом отримує більше кліків і поширення.
Типові помилки
1. og:image is not cached - Facebook кешує зображення. Під час заміни потрібно скинути кеш через Sharing Debugger
2. OG:заголовок задовгий - рекомендовано до 60 символів
3. No og:image - без зображення публікація виглядає погано
Перевірте свої теги OG в нашому попередньому перегляді - покаже, як ваша сторінка буде виглядати у ВКонтакте, Telegram, Facebook і Twitter.