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.