Как пользоваться: Исправление превью ссылок
- Введите адрес страницы, которой хотите поделиться, и нажмите Проверить ссылку.
- Изучите, что не так, и посмотрите, может ли краулер каждой платформы открыть страницу.
- Отредактируйте заголовок, описание и изображение. Превью обновляются по мере ввода.
- Скопируйте исправленные теги в раздел head вашей страницы и опубликуйте её.
- Обновите кеш на платформе, так как приложения какое-то время хранят старые превью.
Почему превью моей ссылки выглядит неправильно?
При публикации ссылки соцсети читают теги Open Graph в HTML вашей страницы. Неверное превью обычно означает, что тег отсутствует, изображение не загружается, краулер приложения заблокирован или приложение показывает старую версию.
Решение для каждой проблемы
- Нет изображения: добавьте
og:imageс полным адресомhttps://. SVG-изображения работают не на всех платформах. - Изображение обрезано: используйте размер 1200×630 пикселей. Наш генератор OG-изображений создаст его за вас.
- Краулер заблокирован: если платформа показывает ошибку, проверьте файрвол, защиту от ботов и файл robots.txt.
- Теги добавлены через JavaScript: большинство краулеров не выполняют JavaScript, поэтому теги должны находиться в HTML страницы.
Почему всё ещё показывается старое превью?
Платформы сохраняют превью. После исправления тегов обновите их с помощью Sharing Debugger от Facebook или Post Inspector от LinkedIn. WhatsApp и X обновляют превью по своему расписанию, а чтобы проверить свежую версию, можно добавить к ссылке ?v=2.
Нужен подробный отчёт по каждому тегу? Используйте проверку Open Graph.
Также ищут как: исправить превью ссылки facebook, превью ссылки whatsapp не работает, превью поста linkedin, twitter card превью, og image не отображается, мета-теги open graph.
Инструменты, которые хорошо сочетаются с Исправление превью ссылок
- Генератор мета-тегов — Заполните одну форму и получите полноценный, валидный <head> — title, description, canonical, robots, Open Graph, карточки X/Twitter, цвет темы и иконки — с живым предпросмотром и выводом, адаптированным под Webflow.
- Генератор ссылок для шеринга — Создавайте ссылки «поделиться» для 12 сетей без плагинов и скриптов отслеживания: копируйте отдельные ссылки, HTML для кнопок шеринга или небольшой скрипт, который делится текущей страницей в любом шаблоне Webflow CMS.
- Генератор email-подписи — Создайте аккуратную, профессиональную подпись для письма за несколько минут: имя, должность и компанию, фото или логотип, телефон, сайт и ссылки на соцсети в фирменном цвете.
- Генератор ссылок WhatsApp — Превратите номер телефона и готовое сообщение в ссылку wa.me для чата — с QR-кодом для печати и готовой кнопкой для вашего сайта.
Часто задаваемые вопросы
Почему в WhatsApp не показывается превью моей ссылки?
Обычно причина в отсутствующем og:image, слишком большом или медленно загружаемом изображении либо в заблокированном краулере. WhatsApp также какое-то время хранит старые превью.
Какой должен быть размер изображения для превью ссылки?
Размер 1200×630 пикселей подходит для большинства платформ. Держите файл меньше 5 МБ, а лучше значительно меньше.
Нужны ли теги Twitter, если есть Open Graph?
X берёт из Open Graph большинство полей, но для выбора макета с большим изображением ему нужен тег twitter:card.
Превью полностью точные?
Это приблизительные ориентиры, а не скриншоты из приложений. Приложения меняют дизайн и выглядят по-разному на разных устройствах.