Вы настроили Open Graph, но при шеринге ссылки в соцсетях или мессенджерах превью не появляется. Или появляется старое изображение, которое вы давно заменили. Причина может быть в размерах, формате, пути или кэше соцсети. Разберём, почему OG-изображение не отображается и как это исправить.
Что такое Open Graph и зачем он нужен
Open Graph — это разметка, которая управляет тем, как ссылка выглядит при шеринге в соцсетях и мессенджерах. Она задаёт заголовок, описание и изображение превью.
Основные теги Open Graph:
— og:title — заголовок;
— og:description — описание;
— og:image — изображение;
— og:url — канонический URL;
— og:type — тип контента.
Если og:image не задан или задан неправильно, соцсеть может показать случайное изображение со страницы или не показать превью вообще.
Причина 1: неправильный размер изображения
Соцсети предъявляют требования к размеру OG-изображения. Если изображение слишком маленькое или слишком большое, оно может не отображаться или обрезаться.
Рекомендуемые размеры:
— минимум 600×315 пикселей;
— оптимально 1200×630 пикселей;
— соотношение сторон 1.91:1;
— размер файла до 5 МБ;
— формат JPEG или PNG.
Если изображение меньше 200×200 пикселей, некоторые соцсети могут его проигнорировать. Если изображение слишком большое, оно может не загрузиться или обрезаться.
Причина 2: неправильный путь или формат
OG-изображение должно быть доступно по абсолютному URL. Относительные пути могут не работать.
Что проверить:
— указан ли абсолютный URL в og:image;
— доступно ли изображение без авторизации;
— отдаёт ли сервер корректный Content-Type;
— не блокируется ли изображение через robots.txt;
— нет ли редиректа при загрузке изображения.
Если изображение доступно только авторизованным пользователям или отдаёт редирект, соцсеть может его не загрузить.
Для проверки разметки используйте проверка Open Graph — инструмент покажет, какие теги заданы, какое изображение указано и доступно ли оно.
Причина 3: кэш соцсети
Соцсети кэшируют превью ссылок. Если вы заменили изображение, но соцсеть уже закэшировала старое, она может показывать старое изображение.
Что делать:
— обновить кэш через инструменты соцсетей;
— изменить URL изображения (добавить версию);
— подождать, пока кэш обновится;
— проверить превью через отладочные инструменты.
Некоторые соцсети обновляют кэш не сразу. Если изображение не обновляется, попробуйте изменить URL, добавив параметр версии.
Причина 4: конфликт тегов
Если на странице несколько тегов og:image или конфликтующие теги, соцсеть может выбрать не то изображение.
Что проверить:
— нет ли дублирующих тегов og:image;
— не добавляет ли CMS свои теги;
— не конфликтуют ли теги разных плагинов;
— не задан ли og:image в нескольких местах.
Если тегов несколько, соцсеть может выбрать первый, последний или случайный. Оставьте только один тег og:image с корректным URL.
Причина 5: изображение не соответствует требованиям соцсети
Разные соцсети предъявляют разные требования. Например, ВКонтакте, Telegram и Одноклассники могут по-разному обрабатывать изображения.
Что учесть:
— ВКонтакте требует изображение не менее 537×240 пикселей;
— Telegram может использовать og:image или первую картинку со страницы;
— Одноклассники могут обрезать изображение под свой формат;
— некоторые соцсети не поддерживают WebP или SVG.
Лучше использовать JPEG или PNG оптимального размера — 1200×630 пикселей. Это подходит для большинства соцсетей.
Как проверить OG-разметку
Пошаговая проверка:
— откройте страницу и найдите теги og:image;
— проверьте, указан ли абсолютный URL;
— проверьте, доступно ли изображение;
— проверьте размер и формат;
— проверьте, нет ли дублирующих тегов;
— проверьте превью через отладочные инструменты соцсетей.
Для проверки используйте инструмент проверки Open Graph. Он покажет, какие теги заданы и какое изображение указано.
Как исправить
План действий:
— использовать изображение 1200×630 пикселей;
— использовать JPEG или PNG;
— указать абсолютный URL;
— убедиться, что изображение доступно без авторизации;
— убрать дублирующие теги;
— обновить кэш соцсетей;
— проверить превью после изменений.
Как проверить результат
Чек-лист:
— og:image задан;
— изображение доступно;
— размер и формат корректны;
— нет дублирующих тегов;
— превью отображается при шеринге;
— кэш соцсети обновлён.
Если нужно проверить сразу несколько параметров — OG, title, description, canonical — логично перейти к SEO-аудиту.
Частые ошибки
— относительный путь вместо абсолютного URL;
— слишком маленькое изображение;
— неподдерживаемый формат;
— дублирующие теги og:image;
— изображение недоступно без авторизации;
— кэш соцсети не обновлён.
FAQ
Почему OG-изображение не отображается при шеринге?
Скорее всего, изображение слишком маленькое, указан относительный путь, изображение недоступно или соцсеть закэшировала старое превью.
Какой размер OG-изображения оптимален?
1200×630 пикселей. Минимум — 600×315. Соотношение сторон — 1.91:1.
Можно ли использовать WebP для OG-изображения?
Не все соцсети поддерживают WebP. Лучше использовать JPEG или PNG для максимальной совместимости.
Как обновить кэш соцсети?
Через отладочные инструменты соцсетей или изменив URL изображения. Некоторые соцсети обновляют кэш автоматически, но не сразу.
Почему превью отображается в одной соцсети, но не в другой?
Разные соцсети предъявляют разные требования к изображению. Используйте JPEG или PNG 1200×630 для максимальной совместимости.
Нужен ли og:image на каждой странице?
Да, если страница может быть расшарена. Для служебных страниц можно не задавать, но для контентных — обязательно.
Влияет ли OG-разметка на SEO?
Напрямую — нет. Но она влияет на кликабельность при шеринге в соцсетях, что может косвенно влиять на трафик.
Что делать, если изображение обрезается?
Используйте соотношение сторон 1.91:1 и оставляйте важные элементы в центре. Некоторые соцсети обрезают края.
Можно ли использовать логотип вместо изображения?
Можно, но лучше использовать изображение, связанное с контентом. Логотип менее информативен.
Как проверить, что OG-разметка корректна?
Используйте инструмент проверки Open Graph и отладочные инструменты соцсетей. Они покажут, какие теги заданы и как выглядит превью.
