W tym artykule
Czym są tagi Open Graph?
Open Graph (OG) — це протокол, створений Facebook у 2010 році, який дозволяє будь-якій веб-сторінці контролювати, як вона виглядає при поширенні в соціальних мережах. Додавши конкретні мета-теги до HTML head, ви можете визначити заголовок, опис, зображення та URL, які з'являються в прев'ю посилань.
Без тегів Open Graph соціальні платформи намагаються автоматично витягнути прев'ю, часто створюючи непривабливі результати з неправильними зображеннями, обрізаними заголовками або відсутніми описами. Теги OG дають вам повний контроль над соціальним виглядом вашого контенту.
Jak działają podglądy Open Graph
Коли хтось ділиться URL у соціальних мережах, краулер платформи отримує сторінку та зчитує її мета-теги Open Graph. Чотири обов'язкові властивості визначають мінімальну картку прев'ю.
- og:title — заголовок, що відображається в картці прев'ю посилання, зазвичай 60-90 символів для оптимального відображення на всіх платформах
- og:description — короткий опис під заголовком, ідеально 150-200 символів для уникнення обрізання
- og:image — URL зображення прев'ю, рекомендований розмір 1200x630 пікселів для Facebook та LinkedIn
Wypróbuj za darmo — bez rejestracji
Podgląd tagów Open Graph →Kiedy używać narzędzia podglądu OG
Тестування ваших тегів Open Graph перед поширенням є необхідним для професійної присутності в соціальних мережах.
- Маркетинг у соціальних мережах — перегляньте, як статті блогу, сторінки продуктів та лендінги виглядають на Facebook, Twitter та LinkedIn перед поширенням
- SEO-аудит — перевірте, що теги OG відповідають заголовку та опису вашої сторінки для узгодженого повідомлення в пошукових та соціальних каналах
- Месенджери — платформи, такі як Slack, Discord, WhatsApp та Telegram, також використовують теги OG для генерації прев'ю посилань
Często zadawane pytania
Який ідеальний розмір зображення OG?
Рекомендований розмір зображення OG — 1200 x 630 пікселів (співвідношення сторін 1.91:1) для оптимального відображення на Facebook та LinkedIn. Картки Twitter найкраще працюють при 1200 x 628 пікселів. Тримайте важливий контент по центру, оскільки деякі платформи обрізають краї. Використовуйте формат JPEG або PNG з розміром файлу до 1 МБ.
Чи потрібні мені і теги OG, і теги Twitter Card?
Картки Twitter (twitter:title, twitter:description, twitter:image) можуть використовувати теги OG як запасний варіант, якщо не вказані. Однак встановлення обох дає вам контроль для конкретних платформ. Як мінімум, встановіть теги OG — вони забезпечують найширше покриття на всіх платформах.
Як налагодити теги OG, які не оновлюються?
Соціальні платформи агресивно кешують дані OG. Sharing Debugger Facebook дозволяє повторно сканувати URL для оновлення кешу. Card Validator Twitter робить те саме. Post Inspector LinkedIn обробляє кешування LinkedIn. Використовуйте ці інструменти після оновлення тегів OG для примусового оновлення кешу.