Превью ссылки: проверка Open Graph для соцсетей
Проверьте, как ссылка выглядит при репосте: превью и предпросмотр ссылки для Telegram, Facebook, Twitter и WhatsApp, разбор тегов Open Graph и og:image, генерация недостающих тегов.
Как сделать превью ссылки
Превью ссылки — та карточка с картинкой и текстом, которую соцсеть показывает, когда вы вставляете адрес страницы. За неё отвечают теги Open Graph в <head>: og:title (заголовок), og:description (описание), og:image (картинка) и og:url. Вставьте адрес страницы в поле выше, и инструмент разберёт эти теги, покажет, как ссылка выглядит в Telegram, Facebook, Twitter и WhatsApp, и подскажет, каких тегов не хватает, с готовым кодом для вставки.
Предпросмотр ссылки в Телеграме и других соцсетях
Предпросмотр ссылки — то же превью для сайта, только увиденное заранее. Видно, как карточка появится в чате или ленте до того, как вы отправите пост. Чаще всего его проверяют для Телеграма, там предпросмотр ссылок включён по умолчанию и показывается сразу под сообщением. Вставьте адрес в поле выше, и инструмент соберёт предпросмотр для каждой соцсети из тегов Open Graph. Вы увидите картинку, заголовок и описание ровно так, как их отрисуют Telegram, ВКонтакте, Facebook и WhatsApp, и успеете поправить теги до публикации.
Каким должен быть og:image
Оптимальный размер картинки — 1200×630 пикселей (соотношение 1.91:1), минимум 600×315. Формат JPG или PNG, файл до 8 МБ, и обязательно доступный по HTTPS по прямой ссылке. Если картинка отдаётся с ошибкой или только по HTTP, соцсеть покажет пустую карточку. Полезно рядом с og:image задать og:image:width и og:image:height, тогда превью отрисуется сразу, без «прыжка» при загрузке.
Почему превью не обновляется
Соцсети надолго кэшируют превью, поэтому после смены og:image ссылка ещё какое-то время показывает старую картинку. Кэш нужно сбросить вручную. В Telegram для этого пишут боту @WebpageBot и отправляют ему URL. В Facebook прогоняют ссылку через Sharing Debugger и нажимают «Scrape Again». Во ВКонтакте кэш обычно обновляется сам. Пошаговый разбор по каждой соцсети есть в статье Превью ссылки в соцсетях: Open Graph и обновление og:image.
Похожие инструменты
Другие полезные инструменты из той же категории
Часто задаваемые вопросы
Добавьте в <head> страницы теги Open Graph: og:title (заголовок), og:description (описание), og:image (картинка 1200×630) и og:url. Тогда при вставке ссылки в Telegram, ВКонтакте, Facebook или Twitter соцсеть покажет карточку с картинкой и текстом. Вставьте адрес страницы в инструмент — он покажет превью для каждой соцсети и подскажет, каких тегов не хватает.
Частые причины: нет тегов og:title/og:description/og:image; картинка og:image недоступна или отдаётся не по HTTPS; страница закрыта авторизацией или robots; соцсеть закэшировала старую (пустую) версию. Инструмент покажет, какие теги отсутствуют, а картинку стоит проверить на доступность по прямой ссылке.
Оптимально 1200×630 пикселей (соотношение 1.91:1), минимум 600×315. Форматы JPG или PNG, файл до 8 МБ, обязательно по HTTPS. Такой размер корректно показывают Facebook, Twitter, Telegram и большинство соцсетей. Полезно также задать og:image:width и og:image:height.
Telegram кэширует превью ссылки надолго. Чтобы сбросить кэш, напишите боту @WebpageBot, отправьте ему ваш URL — он перечитает страницу и обновит превью. После этого новая ссылка в чатах покажет свежую картинку. Подробнее — в статье про обновление og:image в соцсетях.
Facebook тоже кэширует Open Graph. Откройте Facebook Sharing Debugger (developers.facebook.com/tools/debug), вставьте URL и нажмите «Scrape Again» — кэш обновится. У X (Twitter) отдельного дебаггера больше нет — Card Validator фактически не работает, превью обновляется само при новой публикации ссылки. ВКонтакте кэш обычно сбрасывается сам через некоторое время.