ToolHub
Открыть инструмент

Предпросмотр для соцсетей

Предпросмотр отображения сайта при публикации в Twitter, Facebook, LinkedIn и других социальных сетях

Инструменты разработчика
Запустить инструмент Все инструменты

Об этом инструменте

Предпросмотр отображения сайта при публикации в Twitter, Facebook, LinkedIn и других социальных сетях. Введите заголовок страницы, описание, URL и изображение для просмотра предпросмотра карточек в реальном времени и генерации мета-тегов Open Graph — все обрабатывается локально в браузере.

Основные функции

Быстрый просмотр

Сценарии использования

social

Часто задаваемые вопросы

Какие социальные платформы поддерживаются для предпросмотра?

Инструмент предпросматривает, как ваша страница будет выглядеть при публикации в Twitter (X), Facebook, LinkedIn и других платформах, поддерживающих мета-теги Open Graph и Twitter Card. Макет карточки немного отличается для каждой платформы.

Что такое мета-теги Open Graph?

Мета-теги Open Graph (og:title, og:description, og:image, og:url) — это HTML-метаэлементы, управляющие отображением контента при публикации в социальных сетях. Они определяют заголовок, описание, изображение и URL, отображаемые социальными платформами в предпросмотре ссылки.

Чем Twitter Card отличается от Open Graph?

Twitter использует собственные мета-теги (twitter:card, twitter:title и т. д.), но если теги Twitter отсутствуют, используется резервный вариант с тегами Open Graph. Инструмент позволяет переключаться между предпросмотром Twitter и Open Graph, обеспечивая корректное отображение обоих.

Каков оптимальный размер изображения для социального предпросмотра?

Изображения для Facebook и LinkedIn должны быть не менее 1200x630 пикселей. Twitter Summary Card with Large Image рекомендует соотношение сторон 2:1, например, 1200x600 или 800x400. Предпросмотр помогает увидеть, правильно ли отображается изображение.

Почему мое изображение не отображается в предпросмотре?

Распространенные причины включают отсутствующий или некорректный URL og:image, файл изображения меньше 200x200 пикселей, неподдерживаемый формат изображения или кеширование социальной платформой. Используйте абсолютные URL и убедитесь, что изображение соответствует минимальным требованиям к размеру.

Похожие инструменты

Валидатор JSONПалитра цветовГенератор хешейГенератор UUID