Превью ссылки в соцсетях
Посмотрите, как ссылка может выглядеть при публикации в Facebook, X и LinkedIn, по заголовку, описанию и изображению, или загрузите теги og: прямо из URL страницы.
Что такое Превью в соцсетях?
Инструмент показывает приблизительные макеты карточек ссылок, которые Facebook, X (Twitter) и LinkedIn отображают для URL, рядом друг с другом. Введите заголовок, описание и URL изображения или нажмите «Загрузить теги из URL», чтобы автоматически прочитать теги Open Graph и Twitter страницы.
Как пользоваться Превью в соцсетях
- Введите URL страницы; при желании нажмите «Загрузить теги из URL», чтобы заполнить поля из её тегов og: и twitter:.
- Отредактируйте заголовок, URL изображения и описание, чтобы попробовать варианты.
- Сравните три макета карточек; длинные тексты сокращаются так, как это обычно делает каждая сеть.
Когда использовать Превью в соцсетях
Используйте, чтобы подобрать заголовки и изображения для публикации до выхода. Макеты это приближения: реальные карточки зависят от версии приложения, размера экрана и кэша каждой сети, поэтому для важных кампаний сверяйтесь с официальными отладчиками.
Как работает Превью в соцсетях
Превью отрисовываются локально по текущему макету карточек каждой сети (изображение 1,91:1, имя хоста, заголовок и описание) с приблизительными ограничениями по символам. «Загрузить теги из URL» использует защищённую от SSRF Pages Function AlgoKit для загрузки страницы и извлечения её мета-тегов (og:title, og:description, og:image, twitter:* с запасными HTML-заголовком и описанием). Изображение показывается прямо по введённому вами URL.
Распространенные Случаи Использования
- Проверить, не обрезается ли заголовок блога в Facebook.
- Посмотреть, как обрезается изображение товара в широкой карточке.
- Сравнить превью двух вариантов заголовка.
- Проверить, правильно ли задан og:image на действующей странице.
Часто Задаваемые Вопросы
Точны ли эти превью?
Нет. Они следуют текущим макетам сетей, но шрифты, сокращение и обрезка различаются по устройствам и меняются со временем.
Почему не удаётся загрузить теги из URL?
Страница может блокировать ботов, требовать вход, находиться в частной сети или быть недоступной. Значения всё равно можно ввести вручную.
Какие теги читаются?
Сначала og:title, og:description, og:image и og:url, затем twitter:title/description/image, затем <title> страницы и её meta description.