Попередній перегляд OpenGraph

Про цей інструмент

Протокол Open Graph запровадив Facebook у 2010 році, і сьогодні його використовують усі основні платформи для створення прев'ю поширених посилань. Теги `og:title`, `og:description` і `og:image` визначають, як посилання виглядатиме у Facebook, LinkedIn, Twitter, Slack або iMessage. Правильне `og:image` для Facebook має бути щонайменше 1200×630 px - менше зображення буде розмитим або не з'явиться взагалі. Погане чи відсутнє OG-прев'ю помітно знижує частку кліків на поширені посилання. OpenGraph Preview завантажує вашу сторінку й показує точну симуляцію прев'ю на окремих платформах - без реального поширення та очікування, поки соціальні мережі оновлять кеш.

Як використовувати

1. 1Введіть URL сторінки в поле введення - сторінка має бути загальнодоступною.
2. 2Натисніть Попередній перегляд - інструмент завантажить сторінку й витягне теги Open Graph і Twitter Card.
3. 3Перегляньте симуляцію прев'ю для Facebook і LinkedIn - так виглядатиме посилання під час поширення.
4. 4Перевірте прев'ю Twitter Card - чи достатньо велике зображення і чи доречний текст.
5. 5Якщо OG-теги відсутні або неповні, додайте їх у HTML і протестуйте знову.

Специфікації та обмеження

Симулює прев'ю для: Facebook і LinkedIn (формат 1200×630 px), картки Twitter summary і summary_large_image. Витягує: og:title, og:description, og:image, og:url, og:type, twitter:card, twitter:title, twitter:description, twitter:image. Перевіряє доступність og:image та його розміри. Перевіряє коректність og:url. Експорт у JSON. Аналіз миттєвий.