Чому OG-зображення не відображається на Facebook (7 рішень)

Чому це відбувається?

Facebook використовує теги Open Graph (OG) для визначення вигляду попереднього перегляду посилання. Коли тег og:image відсутній, неправильний або недоступний, Facebook або не показує зображення, або вибирає випадкове з вашої сторінки.

Поширені причини

• Відсутній мета-тег og:image у вашому HTML
• URL зображення відносний, а не абсолютний
• Зображення занадто мале (мінімум 200×200px)
• Файл зображення занадто великий (понад 8MB)
• Зображення недоступне для сканера Facebook
• Проблеми з SSL-сертифікатом
• Facebook закешував стару версію

7 рішень для виправлення og:image

1. Додайте або виправте тег og:image

Переконайтеся, що ваш HTML містить тег og:image з абсолютним URL:

<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />

2. Перевірте вимоги до розміру зображення

Facebook вимагає зображення з такими параметрами:

• Мінімальний розмір: 200×200 пікселів
• Рекомендований розмір: 1200×630 пікселів
• Максимальний розмір файлу: 8MB
• Підтримувані формати: JPEG, PNG, GIF (не SVG!)

3. Використовуйте абсолютні URL

Завжди використовуйте абсолютні URL, що починаються з https:// - відносні не працюватимуть:

4. Переконайтеся, що Facebook має доступ

Перевірте, чи ваше зображення не заблоковане:

• Файлом robots.txt
• Серверною автентифікацією
• Обмеженнями firewall або CDN
• Географічними обмеженнями

5. Очистіть кеш Facebook

Facebook агресивно кешує попередні перегляди посилань. Щоб примусово оновити:

1. Перейдіть до Facebook Sharing Debugger
2. Введіть ваш URL
3. Натисніть 'Debug', потім 'Scrape Again'
4. Зачекайте кілька секунд і перевірте попередній перегляд

6. Виправте проблеми SSL/HTTPS

Facebook вимагає HTTPS для URL og:image. Якщо ви використовуєте HTTP або маєте проблеми з сертифікатом:

• Перейдіть на HTTPS URL
• Переконайтеся, що ваш SSL-сертифікат дійсний
• Перевірте попередження про змішаний вміст

7. Використовуйте LinkPreview для миттєвого виправлення

Якщо ви не можете змінити код вашого сайту, LinkPreview дозволяє миттєво створювати власні попередні перегляди:

• Без програмування
• Працює з будь-яким URL
• Власне зображення, заголовок і опис
• Працює на всіх платформах

Інструменти тестування

Використовуйте ці офіційні інструменти для налагодження ваших OG-тегів:

Часті запитання