Meta Sharing Debugger
https://developers.facebook.com/tools/debug/Повторно скануйте URL і перевіряйте результати розбору Open Graph для платформ Meta.
Генератор OGP-тегів (автовивід для og:title, og:image та інших)
Введіть URL, заголовок, опис і URL зображення. Згенеруйте метатеги Open Graph і Twitter Card в одному місці.
Готово до копіювання й вставлення
Вбудований попередній перегляд
Поради щодо зображення й кешу
Як користуватися
- Відкрийте інструмент і введіть canonical URL, заголовок і URL зображення.
- За потреби додайте опис, назву сайту та налаштування Twitter.
- Скопіюйте згенеровані meta-теги й вставте їх у head сторінки.
- Перевірте попередній перегляд і примітки, а потім за потреби скоригуйте співвідношення сторін зображення або стратегію кешування.
Що таке OGP?
Open Graph Protocol (OGP) — це метадані, які соціальні платформи та чат-застосунки використовують для відображення прев'ю посилань.
Задавши og:title, og:description, og:image та пов'язані теги, ви можете впливати на те, як виглядатимуть поширені URL.
Поєднання OGP із тегами Twitter Card допомагає зробити поведінку прев'ю більш узгодженою на різних платформах.
Рекомендації щодо розміру зображення (для стабільнішого відображення прев'ю)
Рекомендації платформ Meta (довідково)
- Мінімальний орієнтир: 200×200.
- Часто стабільно: 1200×630 або більше, щонайменше 600×315.
- Цільове співвідношення сторін близько 1.91:1.
- Рекомендований розмір файлу зображення — 8 МБ або менше.
Рекомендації для карток X (довідково)
- summary_large_image зазвичай орієнтується на співвідношення близько 2:1.
- Довідковий діапазон: мінімум 300×157, максимум 4096×4096.
- Рекомендований розмір файлу — менше 5 МБ.
- Використовуйте JPG/PNG/WEBP/GIF там, де це підтримується.
Коли зміни не з'являються (кеш і повторне сканування)
- Соціальні краулери можуть кешувати отримані метадані. Використовуйте debugger/inspector кожної платформи, щоб запросити повторне сканування.
- Якщо заміна зображення не відображається, може допомогти зміна URL зображення (оновлення назви файлу або query string).
- Задання og:image:width і og:image:height у деяких випадках може підвищити стабільність відображення.
LinkedIn Post Inspector
https://www.linkedin.com/post-inspector/Оновлюйте й перевіряйте дані прев'ю URL у LinkedIn.
X Card Validator
https://cards-dev.twitter.com/validatorПеревіряйте метадані X Card і, де можливо, примусово запускайте повторне отримання картки.
FAQ
Чи може цей інструмент також генерувати теги Twitter Card?
Так. Він може одночасно виводити twitter:card та пов'язані теги. Також доступний мінімальний режим.
Який розмір зображення слід використовувати?
Використовуйте практичні рекомендації залежно від платформи. Для прев'ю Meta часто підходить співвідношення близько 1.91:1 (наприклад 1200×630), а для X summary_large_image — близько 2:1 (наприклад 1200×600).
Чому зміни не відображаються?
У більшості випадків це пов'язано з кешем. Запустіть повторне сканування через інструменти платформи та розгляньте зміну URL зображення після заміни.