Обложка сайта — это картинка, которая появляется при вставке ссылки в мессенджер или соцсеть: ВКонтакте, Telegram, WhatsApp и т.д. Если вместо неё показывается пустой блок, случайная картинка со страницы или логотип по умолчанию, дело почти всегда в мета-теге og:image, который либо отсутствует, либо указывает на неверный или недоступный файл.
Как настроить обложку через og:image
За превью отвечают Open Graph-теги в разделе <head> страницы:
- <meta property=»og:image» content=»https://site.ru/cover.jpg»> — ссылка на картинку
- <meta property=»og:title» content=»Заголовок»> — заголовок в превью
- <meta property=»og:description» content=»Описание»> — текст под заголовком
Рекомендуемый размер картинки — 1200×630 px, вес до 1–5 МБ, формат JPG или PNG. Ссылка в og:image должна быть абсолютной (с https://), а не относительной, иначе часть сервисов её не распознает.
Что делать, если обложка всё равно не отображается
Соцсети и мессенджеры кэшируют превью ссылки один раз и потом долго не перепроверяют её. Поэтому после изменения og:image старая картинка может всплывать ещё несколько дней. Чтобы сбросить кэш:
- для ВКонтакте — используйте инструмент «Отладка» в разделе для разработчиков, вставьте ссылку и обновите кэш;
- для Facebook и Instagram — сервис Sharing Debugger (доступен через meta-платформу);
- для Telegram — обычно достаточно отправить ссылку с добавлением любого символа в конце (например ?v=2), это создаёт «новую» ссылку для бота.
Частые причины, почему обложка не подтягивается
Проверьте по очереди: тег og:image отсутствует в HTML вообще; картинка лежит по адресу, который отдаёт 404 или требует авторизации; изображение слишком маленькое (меньше 200×200 px некоторые платформы игнорируют); на сайт стоит запрет для ботов-краулеров соцсетей в robots.txt; используется CMS-плагин SEO, в котором обложка задаётся отдельно от og:image и конфликтует с ним.
Если сайт на WordPress, в большинстве SEO-плагинов (Yoast, Rank Math, All in One SEO) есть отдельное поле «Social image» — картинка для соцсетей задаётся там для каждой записи и страницы, и не обязательно писать теги вручную.