Проверка Open Graph и превью ссылки
Вставьте адрес любой страницы — прочитаем её теги Open Graph и откроем картинку превью. Покажем, как ссылка будет выглядеть в Telegram, ВКонтакте и WhatsApp, и что поправить, если превью пустое или картинка не грузится.
Что проверяем
Заголовок и описание
Есть ли og:title и og:description, какой длины. Если их нет — что мессенджер возьмёт вместо них: заголовок вкладки и описание для поиска.
Картинка превью
Задана ли og:image, открывается ли по адресу без входа, картинка ли это, а не страница ошибки, и не SVG ли она — SVG мессенджеры не показывают.
Размер и вес картинки
Ширина и высота по заголовку файла и вес. Рекомендуют 1200×630 px; больше 5 МБ Telegram может не показать, больше 8 МБ — не покажут и остальные.
og:url
Совпадает ли с адресом страницы. Частая ошибка шаблона — во всех статьях og:url главной, и превью у них склеиваются.
og:type и twitter:card
Обязательный по стандарту тип страницы и карточка для X (Twitter): summary_large_image даёт большую картинку.
Как выглядит карточка
Рисуем превью в Telegram, ВКонтакте и WhatsApp по тегам страницы: видно, обрежется ли заголовок и попадёт ли картинка.
Какие теги поставить
Внутрь <head> каждой страницы, со своими заголовком, описанием и картинкой. Адреса — полные, с https://.
<meta property="og:type" content="website"> <meta property="og:url" content="https://mysite.ru/catalog/divany/"> <meta property="og:title" content="Диваны на заказ за 14 дней"> <meta property="og:description" content="Ткань и размер под вашу комнату, доставка по Москве бесплатно."> <meta property="og:image" content="https://mysite.ru/og/divany.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta name="twitter:card" content="summary_large_image">
Как обновить превью
Telegram
Telegram запоминает превью ссылки. Поменяли теги — отправьте ссылку боту @WebpageBot: он перечитает страницу и обновит превью для новых сообщений. Уже отправленные сообщения не меняются.
ВКонтакте
VK тоже хранит превью и обновляет его не сразу. Для нового поста быстрее всего добавить к ссылке любой параметр, например ?v=2: для VK это другой адрес, и превью соберётся заново.
WhatsApp собирает превью на телефоне отправителя в момент отправки. После правки тегов проверьте на новой ссылке или с параметром ?v=2 — старое превью может остаться в кэше приложения.
Превью привело человека. Что он увидит на сайте?
Бесплатная проверка главной откроет её в браузере на компьютере и телефоне: вёрстка, кнопки, формы, маска телефона, тексты, скорость. Около 5 минут, без карты. Полный аудит с проходом до заявки — 990 ₽.
Вопросы
- Как изменить превью ссылки в Телеграме?
- Превью собирается из тегов Open Graph страницы: заголовок — og:title, текст — og:description, картинка — og:image. Поменяйте их на сайте (в Тильде — вкладка соцсетей в настройках страницы, в WordPress — плагин SEO, например Yoast или Rank Math), проверьте здесь, а потом отправьте ссылку боту @WebpageBot, чтобы Telegram перечитал страницу.
- Почему в превью нет картинки?
- Чаще всего og:image не задан, адрес картинки относительный или ведёт на страницу ошибки, картинка в SVG или тяжелее 5 МБ, или сайт закрыт защитой от ботов, и робот мессенджера видит заглушку. Проверка показывает, какой из случаев ваш.
- Какой размер картинки нужен для превью?
- 1200×630 px, пропорции примерно 1,9:1, JPEG или PNG на 100–300 КБ. Меньше 600 px в ширину Telegram и VK могут показать маленькой миниатюрой, меньше 200 px — часто не показывают совсем. Важное держите в центре: карточки разных приложений обрезают края по-разному.
- Это проверка микроразметки Schema.org?
- Нет. Open Graph — теги для превью в соцсетях и мессенджерах. Микроразметку Schema.org (товары, отзывы, FAQ) для поиска проверяет валидатор Яндекса или Google.
- Можно проверить любую страницу, а не только главную?
- Да: статью, карточку товара, лендинг. Вставьте адрес целиком. Страницы за входом проверить нельзя — мессенджеры их тоже не видят.
- Сколько раз можно проверять?
- До 12 проверок в час с одного адреса. Один и тот же адрес проверяем не чаще раза в 10 минут — в это время показываем прошлый результат. Поменяли теги — добавьте к адресу ?v=2, чтобы проверить заново.