og:image не відображається? Як це виправити
Проблема з відображенням og:image майже завжди зводиться до однієї з п’яти причин: URL зображення не є публічним, зображення занадто велике, платформа закешувала стару версію, теги вказують на неправильну сторінку або формат зображення не підтримується. Цей посібник пояснює кожне виправлення разом із інструментами налагодження, які надають Facebook, X та LinkedIn.
Чому моє зображення og:image не відображається?
Найчастіше причина в тому, що URL зображення недоступний для публічного завантаження, файл перевищує ліміти платформи або платформа показує кешовану копію. Соціальні платформи повторно сканують сторінку за розкладом і агресивно кешують дані, тому нове зображення часто виглядає так, ніби «не працює», доки ви не примусите оновити його за допомогою їхніх інструментів налагодження.
П’ять найпоширеніших причин (і способи виправлення)
1. URL зображення не є публічним
Платформи мають отримувати зображення без автентифікації. URL за логіном, localhost або IP-адресою не спрацює.
Виправлення: розмістіть зображення за публічним HTTPS-URL і переконайтеся, що curl -I <image-url> повертає 200 OK із зображенням Content-Type.
2. Зображення занадто велике
Більшість платформ обмежують OG-зображення розміром 8 МБ (X — приблизно 5 МБ). Величезний PNG не спрацьовує без помилок.
Виправлення: тримайте файл менше 5 МБ; текстова картка 1200×630 зазвичай важить 200–500 КБ. На FastOG вихідний PNG уже оптимізовано під цей розмір.
3. Платформа закешувала стару версію
Facebook, X, LinkedIn, Slack і Discord активно кешують. Meta також зберігає власну копію зображення та прив’язує попередній перегляд до URL сторінки, тому новий URL зображення сам по собі нічого не змінить. Після зміни зображення стара картка зберігається годинами або днями.
Виправлення: примусово запустіть повторне сканування за допомогою інструмента платформи (нижче). Для зміни зображень використовуйте URL, який змінюється разом із контентом (підписані URL FastOG роблять це автоматично). Для єдиної платформи, яка дозволяє програмне оновлення, див. Примусове оновлення кешу Open Graph у Facebook.
4. Неправильний URL або неправильна сторінка
Тег og:image може бути відсутнім, продубльованим або вказувати на сторінку без цього тега.
Виправлення: перегляньте вихідний код сторінки та переконайтеся, що тег og:image присутній, рендериться на сервері та є абсолютним.
5. Непідтримуваний формат
Деякі платформи відхиляють певні формати або анімовані зображення.
Виправлення: використовуйте PNG або JPG; співвідношення 1200×630 є підтримуваним.
Інструменти налагодження
| Платформа | Інструмент |
|---|---|
| Facebook / WhatsApp | Sharing Debugger — developers.facebook.com/tools/debug |
| X / Twitter | Card Validator — cards-dev.twitter.com/validator |
Post Inspector — linkedin.com/post-inspector |
Вставте URL-адресу, а потім натисніть «Scrape» / «Refresh», щоб отримати найновіші теги.
Особливості FastOG
- FastOG рендерить PNG розміром 1200×630 — підтримуваний розмір — тому проблем із розміром чи співвідношенням сторін не виникає.
- Підписані URL-адреси обмежують лише перший рендер; кешовані зображення залишаються дійсними, тож опублікована картка продовжує працювати.
- Змініть заголовок → змініть URL-адресу → один новий рендер. Платформа (з часом) підхопить нову картку, якщо ви примусово запустите повторне сканування.
FAQ
Чи гарантує FastOG появу мого og:image?
FastOG надає дійсне зображення PNG розміром 1200×630 із публічної URL-адреси. Чи покаже його платформа, залежить від її кешу — повторно виконайте скрейпінг за допомогою валідатора після зміни зображення.
Чому Facebook показує старе зображення, навіть після того, як я його оновив?
Facebook кешує результати скрейпінгу та зберігає власну копію зображення — тому нової URL-адреси og:image недостатньо, щоб це змінити. Скористайтеся Sharing Debugger → «Scrape Again»; Force a Facebook Open Graph Cache Refresh описує API-маршрут, необхідний токен застосунку та обмеження швидкості, яких слід дотримуватися.
Як змусити X показувати нову картку?
Відкрийте X Card Validator і вставте URL-адресу. Він повторно отримує актуальні og:image та twitter:image.