Проверка превью ссылки: как её увидят в Telegram, ВК и WhatsApp

Что показывает проверка превью ссылки

Когда вы отправляете ссылку в чат, мессенджер сам заходит на страницу и собирает карточку: название сайта, заголовок, описание и картинку. Эти данные он берёт из тегов Open Graph в коде страницы. Если тегов нет или они заполнены с ошибками, вместо аккуратной карточки получается голый адрес, случайный кусок текста или обрезанная картинка — и по такой ссылке кликают заметно реже.

Инструмент открывает страницу так же, как бот Telegram, и показывает три макета превью: Telegram (светлая и тёмная тема), ВКонтакте и WhatsApp. Рядом — список ошибок, инструкция под платформу вашего сайта и готовый код, который остаётся вставить.

• Теги og:title, og:description, og:image, og:site_name, og:url и og:type — есть ли они и какой длины.
• Картинка превью: открывается ли, какой у неё размер в пикселях, вес и пропорции.
• Запасные теги: что мессенджер покажет, если og-тегов нет, — обычный title или meta description.
• Одинаковое превью: не повторяет ли страница заголовок главной.
• Платформа сайта: Тильда, 1С-Битрикс, WordPress, InSales, OpenCart, Wix, Webflow, Joomla, MODX, Next.js или Nuxt.

Как проверить превью ссылки: 4 шага

• 1. Вставьте ссылку. Подойдёт любая страница: главная, услуга, статья, карточка товара.
• 2. Посмотрите превью. Покажем, как ссылка выглядит в Telegram, ВКонтакте и WhatsApp, и найдём ошибки в og-тегах и картинке.
• 3. Поправьте текст. Измените заголовок, описание или картинку — превью обновится сразу, а код для сайта соберётся сам.
• 4. Обновите кэш. Вставьте теги на сайт по инструкции для вашей платформы и сбросьте старое превью в мессенджерах.

Какой размер картинки нужен для превью ссылки

Универсальный вариант для всех площадок — 1200×630 пикселей, пропорции 1,91:1, формат JPG или PNG. Важное — текст, логотип, лицо — держите ближе к центру: ВКонтакте и WhatsApp обрезают края по-разному.

Картинка меньше 600 пикселей по ширине в Telegram превращается в маленький квадратик сбоку. Меньше 200×200 — большинство площадок её просто игнорирует.

Какие теги отвечают за превью

• og:title — заголовок карточки. Лучше до 60–70 символов, без названия компании: оно и так будет в og:site_name.
• og:description — текст под заголовком. Главное — в первые 120 символов, дальше мессенджер может обрезать.
• og:image — картинка. Только полный адрес с https://, иначе часть площадок её не найдёт.
• og:site_name — название сайта. Telegram показывает его цветной строкой над заголовком.
• og:url — канонический адрес страницы, чтобы ссылки с метками считались одной страницей.
• og:type — тип страницы: website для обычных страниц, article для статей.
• twitter:card со значением summary_large_image — подсказывает площадкам, что картинку нужно показать крупно.

Подробно про каждый тег, генерацию картинок для статей и товаров — в статье Open Graph: как настроить превью ссылки.

Почему не отображается превью ссылки

• На странице нет og-тегов — мессенджер собирает карточку из того, что найдёт, или не показывает её совсем.
• Картинка указана относительным адресом (/img/og.jpg) — нужен полный, с https://.
• Картинка не открывается: удалена, переименована или закрыта от ботов на сервере. Такое бывает после переезда сайта.
• Картинка слишком тяжёлая или маленькая — площадка её пропускает.
• Сайт отдаёт ботам другую страницу: заглушку, капчу или ошибку. Проверка здесь идёт от имени бота Telegram — такие случаи сразу видны.
• Превью закэшировано: теги уже исправили, а мессенджер показывает старую версию.

Как обновить превью ссылки в Telegram, ВКонтакте и WhatsApp

Мессенджеры запоминают превью и не перечитывают страницу каждый раз. В Telegram старую карточку сбрасывает бот @WebpageBot: отправьте ему ссылку, и превью обновится во всех чатах. ВКонтакте обновляет превью сам через некоторое время; для разработчиков есть метод pages.clearCache. В WhatsApp превью хранится на телефоне, инструмента для сброса нет.

Универсальный приём для любой площадки — добавить к ссылке параметр, например ?v=2. Для мессенджера это новая ссылка, и он соберёт превью заново.

Как изменить превью ссылки на Тильде, Битриксе и WordPress

Инструмент сам определяет, на чём сделан сайт, и показывает инструкцию именно для него. На Тильде превью задаётся в настройках страницы, во вкладке «Соцсети», и обновляется после переопубликации. В WordPress теги выводят SEO-плагины Yoast SEO и Rank Math. В 1С-Битрикс теги добавляют в шаблон сайта или ставят SEO-модуль. Для Next.js и Nuxt покажем готовый код под фреймворк, для остальных сайтов — блок мета-тегов для вставки в <head>.

Если нужно настроить превью сразу для всех страниц — например, автоматически собирать картинку с заголовком для каждой статьи или товара, — это задача для веб-разработчика.

Кому пригодится проверка превью

• SMM-специалистам и администраторам каналов — проверить ссылку перед публикацией поста.
• Владельцам сайтов — понять, почему ссылка на сайт в мессенджерах выглядит пустой.
• Разработчикам — быстро проверить og-теги после выкладки, не отправляя ссылку в чат.
• Маркетологам — подготовить ссылки для рассылок и рекламы в Telegram-каналах.

Превью — только малая часть оптимизации. Как страница выглядит в поиске, покажет визуализатор сниппета, а полную проверку тегов, скорости и индексации — бесплатный SEO-анализ страницы.

Частые вопросы о превью ссылок