Проверка превью ссылокУвидьте карточку до публикации ссылки.
Вставьте URL и получите карточку превью так, как её покажут Facebook, X, LinkedIn, WhatsApp, Discord, Slack, Telegram и iMessage, в светлой и тёмной теме, плюс список недостающего и теги, которые нужно вставить для исправления.
URL загружает наш сервер, потому что браузер не может прочитать чужой сайт за вас. Адрес никогда не логируется, не сохраняется и не передаётся третьим лицам.
Вставьте URL, чтобы увидеть карточки превью
Вы увидите карточку так, как её покажут Facebook, X, LinkedIn, WhatsApp, Discord, Slack, Telegram и iMessage, а также список того, чего не хватает.
Почему в превью ссылки не та картинка?
Почти всегда причина в одном из пяти пунктов, и эта проверка Open Graph называет конкретный, а не советует «добавить og:image», когда он у вас уже есть.
На странице несколько og:image
Один добавляет тема, другой плагин, а платформы почти всегда берут первый, который встретят в head. Картинка, которую вы ждали, обычно стоит ниже. Таблица тегов выше показывает всех кандидатов и отмечает победителя.
Путь к изображению относительный
og:image="/img/card.png" не тот URL, который парсер сможет загрузить. Адрес должен быть абсолютным и разрешаться от итогового адреса после редиректов, а не от того, что вы ввели. Если сайт перенаправляет на www, путь, который работает локально, в продакшене может вести в никуда.
Изображение защищено от хотлинкинга
В вашем браузере оно открывается, потому что у вас есть сессия и нужный referer. У парсера нет ни того, ни другого: он получает 403, и карточка остаётся без картинки. Этот инструмент загружает изображение так, как это сделал бы посторонний, поэтому сбой виден здесь, а не после публикации.
Платформа всё ещё показывает кеш
Вы исправили тег час назад, а старая картинка на месте. Каждая платформа кеширует превью отдельно, а некоторые хранят его неделями. Никакие изменения на вашей стороне его не сбросят: нужно заново просканировать URL инструментом самой платформы.
Тегов на странице не было изначально
Если сайт рендерится на клиенте, теги есть в инспекторе, но отсутствуют в HTML, который вернул сервер. Ни один парсер не ждёт JavaScript. Это самая частая причина на современных стеках, и в неё дольше всего не верят.
Какие теги Open Graph действительно нужны?
Карточку держат четыре тега. Остальные лишь уточняют, и предпросмотр мета-тегов, который помечает все двадцать как одинаково срочные, вам не помогает.
og:title и og:description
Заголовок и две строки под ним. Без og:title платформа берёт <title>, который обычно пишут для поисковой выдачи, и как заголовок карточки он читается плохо. Без описания тело карточки просто пустое.
og:image, абсолютный и шириной от 1200px
Facebook указывает минимум 200x200 и рекомендует 1200x630. LinkedIn указывает 1200x627, а изображения уже 401px показывает маленькой миниатюрой вместо баннера. Одно изображение 1200x630 устраивает все платформы сразу.
twitter:card
Единственный тег, который X действительно требует от вас. Укажите summary_large_image, а остальное возьмут теги Open Graph: если эквивалентов twitter: нет, X использует og:title, og:description и og:image, так что дублировать их не нужно.
og:url и теги, которые только наводят порядок
og:url не даёт одной и той же странице считаться несколькими, когда ею делятся с разными параметрами отслеживания. og:image:width и height позволяют платформе разметить карточку до загрузки картинки. og:type, og:site_name, og:locale и og:image:alt нужны для шлифовки.
Нужны ли теги Twitter, если уже есть Open Graph?
В основном нет, и именно отсюда берётся много дублирующей разметки. Два момента, которые стоит понять, прежде чем копировать из блога сниппет на пятнадцать строк.
X сам переключается на Open Graph
Если twitter:title, twitter:description или twitter:image отсутствуют, X читает og:title, og:description и og:image. Поэтому обязательно добавить нужно только twitter:card: он говорит, рисовать маленькую квадратную карточку или большой баннер. Остальные теги полезны, только если X должен показывать что-то иное, чем другие платформы.
property= против name=, и почему работают оба
Спецификация Open Graph использует property=, а спецификация карточек X использует name=. На практике обе платформы читают оба варианта, поэтому проверка, которая знает только одно написание, объявляет половину ваших тегов отсутствующими. Эта разбирает оба и сообщает, какое написание вы использовали, в виде заметки, а не ошибки.
Почему превью всё ещё показывает старую картинку?
Потому что платформа смотрит не на вашу страницу. Она смотрит на копию, снятую в тот раз, когда ссылкой поделились впервые, и будет делать так, пока что-то не заставит её посмотреть снова.
Каждая платформа кеширует отдельно
Исправленный тег никого не уведомляет. Facebook, LinkedIn и X хранят собственные копии, поэтому ссылка может выглядеть правильно в одном месте и устаревшей в двух других одновременно.
Повторное сканирование официальными инструментами
В Facebook Sharing Debugger, X Card Validator и LinkedIn Post Inspector есть кнопка, которая заставляет загрузить страницу заново. Это единственный надёжный способ сбросить кеш, и он срабатывает мгновенно.
Мессенджеры в основном не кешируют
WhatsApp, Telegram, Discord и Slack обычно загружают превью при каждом новом сообщении, поэтому это самый быстрый способ убедиться, что исправление сработало, не дожидаясь остальных.
Новый URL как запасной выход
Если платформа отказывается обновляться, ссылка, которую она ещё не видела, полностью обходит кеш. Обычно достаточно добавить параметр запроса.
Не знаете, куда на самом деле ведёт короткая ссылка? Раскройте её с помощью расшифровщика QR-кодов
Нужна аккуратная ссылка, когда теги исправлены? Создайте её в бесплатном сокращателе ссылок
Превью лишь простая половина дела. Вторая: понять, что дал клик.
Хорошая карточка приносит клик. А дальше обычный URL ничего не сообщает: ни откуда пришёл визит, ни какая платформа сработала, и его нельзя перенаправить после публикации. Ради этого пробела и существует LinkScale.
Видно, какая платформа сработала
Клики по источникам, странам и устройствам, чтобы знать, что принесло результат: пост в LinkedIn или рассылка.
Меняйте адрес назначения позже
Перенаправьте уже опубликованную ссылку, не прося никого поделиться ей заново.
Карточка остаётся целой
Ссылка LinkScale несёт собственные теги превью, поэтому сокращение не лишит вас только что исправленного превью.
Вопросы о превью ссылок
Остались вопросы?
ОнлайнЖивые люди, обычно отвечаем за несколько минут.
Она бесплатна, без аккаунта и без ощутимых лимитов. URL загружает наш сервер, потому что браузер не может прочитать чужой сайт за вас, и больше этот эндпоинт ничего не делает: загружает страницу, извлекает теги и возвращает их. Адрес не логируется, не записывается ни в одну базу данных и не передаётся третьим лицам. Если хотите, чтобы с вашего устройства вообще ничего не уходило, режим вставки HTML выполняет весь анализ в браузере.
Больше возможностей с LinkScale
Карточка исправлена. Теперь узнайте, чего стоил клик.
LinkScale показывает, откуда пришёл каждый клик, и позволяет менять адрес ссылки после публикации.
Free 14-day trial on every plan