Бесплатный инструмент
Вставьте ссылку и посмотрите, как она выглядит при отправке, — со списком того, что исправить, и тегами для копирования.
Open Graph — это небольшой набор meta-тегов в <head> страницы. Когда кто-то отправляет ссылку, Facebook, LinkedIn, Telegram, WhatsApp, Slack и многие другие приложения читают эти теги, чтобы собрать карточку: og:title — заголовок, og:description — текст, og:image — картинка.
X (Twitter) сначала читает свой тег twitter:card, а остальное берёт из Open Graph. Google для поисковой выдачи использует обычный <title> и meta description.
Самые частые причины: нет og:image, она слишком маленькая, закрыта логином или стоит на адресе с редиректом; теги добавляет JavaScript после загрузки (большинство краулеров JavaScript не выполняют); или приложение всё ещё показывает старое превью из кэша.
Относительный путь вроде /images/card.png тоже ломает превью в некоторых приложениях. Указывайте полный адрес с https://.
Рендерите теги на сервере, чтобы они были в HTML. Одна og:image 1200×630 пикселей, до 1 МБ, на публичном https://-адресе. Заголовки короче 60 символов, описания короче 160. twitter:card = summary_large_image.
После исправления попросите платформы перечитать страницу: Sharing Debugger в Facebook и Post Inspector в LinkedIn обновляют кэш; для Telegram отправьте ссылку боту @WebpageBot.
Да. Регистрация не нужна, проверенные ссылки не сохраняются. Чтобы было честно, каждый посетитель может проверить 20 ссылок в час.
Платформы кэшируют превью. Если вы поменяли теги, обновите кэш в Sharing Debugger от Facebook и отправьте ссылку снова.
1200×630 пикселей (соотношение 1,91:1) подходит везде. Не ставьте важный текст у краёв — некоторые приложения обрезают картинку.
Нет. Из соображений безопасности проверяются только публичные страницы на портах 80 и 443 и никогда — частные или локальные адреса.
Нужна помощь с сайтом?
Написать