Бесплатный инструмент · Шаринг

Превью ссылки в Telegram, WhatsApp и VK

Введите адрес страницы — покажем, как ссылка выглядит при репосте в Telegram, WhatsApp, VK и в выдаче Google, проверим Open Graph теги и og:image (доступность и реальный размер) и соберём готовый код мета-тегов для вставки.

Адреса не сохраняются

Почему превью решает

Ссылку на сайт чаще всего видят не в поисковике, а в чате: клиент скинул знакомому, менеджер — в рабочую группу, вы сами — в переписку. Мессенджер разворачивает её в карточку по Open Graph тегам, и эта карточка — первое впечатление о компании. Аккуратное превью с картинкой собирает клики, голая ссылка без превью выглядит подозрительно и её пролистывают.

Как это устроено

Telegram, WhatsApp и VK читают мета-теги og:title, og:description и og:image из кода страницы. Если тегов нет, мессенджер берёт что попало: заголовок вперемешку с меню, случайную картинку или ничего. Инструмент показывает реальную разметку страницы и собирает готовый код, который остаётся вставить в <head>.

Частые проблемы

Нет og:image или она отдаёт 404, картинка меньше 600 px (Telegram показывает мелкий квадрат вместо крупной карточки), SVG вместо JPG/PNG, описание длиннее лимита, относительный путь к картинке. Всё это инструмент находит и объясняет, как исправить.

Превью — точный ориентир, а не пиксель-в-пиксель копия: каждый мессенджер по-своему обрезает текст и кэширует карточки. После правок Telegram может держать старое превью — сбросьте кэш через бота @WebpageBot. Не является гарантией отображения.

Частые вопросы

Что такое Open Graph и зачем он нужен?

Open Graph — стандарт мета-тегов (og:title, og:description, og:image), из которых мессенджеры и соцсети собирают карточку превью, когда кто-то делится ссылкой. Без этих тегов ссылка в чате выглядит голой строкой или с случайной картинкой — и кликают по ней заметно хуже.

Почему превью в Telegram не обновляется после правок?

Telegram кэширует превью надолго. После исправления тегов отправьте ссылку боту @WebpageBot — он принудительно обновит кэш. У Facebook/VK есть свои дебаггеры шаринга. Наш инструмент читает страницу напрямую, поэтому всегда показывает актуальную разметку.

Какой размер должен быть у og:image?

Эталон — 1200×630 пикселей (соотношение ~1.91:1), формат JPG, PNG или WebP, вес до ~500 КБ. При ширине меньше ~600 px Telegram покажет мелкий квадрат вместо крупной карточки, а картинки тяжелее 5 МБ проигнорирует. SVG в превью не работает нигде.

Куда отправляется адрес моего сайта?

Адрес обрабатывается на лету: сервер читает публичную разметку указанной страницы, чтобы собрать превью и проверки. Мы не сохраняем адреса и не используем их для рассылок. Проверить можно любую публично доступную страницу.

Другие инструменты

SEO

Проверка мета-тегов

Title и description: длина, ошибки и превью сниппета в выдаче.

SEO

Генератор микроразметки

JSON-LD по Schema.org: FAQ, компания, крошки, статья.

Аудит

Проверка скорости сайта

PageSpeed, Core Web Vitals и рекомендации для мобайла и десктопа.

Хаб

Все инструменты

Бесплатные генераторы и проверки для сайта.

Превью — это обложка

Красивая карточка приводит человека на сайт, а дальше работает всё остальное: скорость, структура, контент и конверсия. SIDE Studio сделает сайт, которым хочется делиться — и который продаёт.

Обсудить проект