Бесплатный инструмент
Проверка превью ссылки
Вставьте любой публичный адрес. Мы загрузим страницу, прочитаем её теги Open Graph и Twitter и покажем карточку, которую построит из них большинство площадок.
Почему карточки ломаются
Соцсети и мессенджеры не отрисовывают вашу страницу. Они загружают её один раз, читают горстку мета-тегов и собирают карточку из того, что нашли. Если тегов нет, площадка догадывается по заголовку и по первой доступной ей картинке — и догадка обычно хуже того, что выбрали бы вы сами.
Короткие ссылки наследуют карточку своего адреса назначения: редирект проходят раньше, чем читают теги. Поэтому брендированная короткая ссылка в соцсети выглядит ровно так же, как страница за ней, — а как устроен сам редирект, смотрите в разделе сокращение ссылок.
Кэш и повторное сканирование
Каждая крупная площадка кэширует то, что загрузила, — нередко на несколько дней. Починка тега не чинит карточку, которой уже поделились: площадка продолжает отдавать сохранённую версию. Почти у всех есть отладочный инструмент, который принудительно перечитывает страницу, и его запуск сразу после правки — это разница между исправленной карточкой и неверной, которая гуляет ещё неделю.
Эта проверка не кэширует ничего: каждый запуск — свежая загрузка с коротким таймаутом и ограничением размера, поэтому вы видите текущее состояние страницы, а не сохранённую копию.
Частые вопросы
Какие теги читает проверка?
og:title, og:description, og:image, og:url, og:site_name и og:type из словаря Open Graph, плюс twitter:card, twitter:title, twitter:description и twitter:image. Если тега Open Graph нет, проверка берёт запасное значение из элемента title в HTML и из обычного meta description — примерно так же поступают и площадки — и помечает такое значение как запасное.
Какой размер изображения выбрать?
Безопасный ответ — 1200 на 630 пикселей: этот размер подходит для крупных карточек на всех больших площадках и аккуратно обрезается до мелких. Держите файл примерно в пределах мегабайта, берите PNG или JPEG вместо WebP, если вам важны старые клиенты, и убедитесь, что изображение открывается без входа в аккаунт и без редиректа.
Ломают ли короткие ссылки превью?
Нет. Краулеры проходят редиректы до чтения тегов, поэтому короткая ссылка показывает карточку своего конечного адреса назначения. Превью действительно ломает другое — адрес назначения, который требует входа в аккаунт или блокирует незнакомые user agent: краулер не залогинен и не опознан.
На странице теги есть, а проверка их не видит. Почему?
Чаще всего потому, что теги добавляет JavaScript уже после загрузки страницы. Краулеры читают HTML в том виде, в каком он пришёл с сервера, и ваши скрипты не выполняют, поэтому теги, отрисованные на клиенте, не видны ни им, ни этому инструменту. Отдавайте их с сервера или кладите сразу в исходный HTML.
Владейте и ссылкой, и карточкой
Брендированные домены, свои slug и превью, в которых стоит ваше имя.
Для пробного периода карта не нужна.