ToolsMaxxing
Русский
EnglishEspañolPortuguêsBahasa Indonesiaहिन्दीবাংলাРусскийTiếng ViệtFrançaisDeutschTürkçeالعربية

Предпросмотр Open Graph

Посмотрите, как страница выглядит при публикации в Facebook, LinkedIn, X, WhatsApp и Slack, и скопируйте теги.

Картинка с устройства нужна только для предпросмотра. Для тегов нужен публичный URL картинки. Ориентируйтесь на 1200 на 630 пикселей.
Нет картинки
EXAMPLE.COMБесплатные онлайн-инструменты в вашем браузереИнструменты для PDF, изображений, разработки и повседневных задач. Ничего не загружается.

Предпросмотры приблизительно показывают, как каждая сеть отображает ссылку. Оформление может меняться, а текст обрезается по своей длине.

Ваши файлы остаются на устройстве

Как это работает

  1. 1Введите заголовок, описание, адрес страницы и название сайта.
  2. 2Добавьте публичный адрес картинки для тегов или выберите изображение с устройства для предпросмотра.
  3. 3Переключайтесь между вкладками сетей, чтобы сравнить карточки.
  4. 4Скопируйте теги в head вашей страницы.

Что делают параметры

URL картинки
Публичный адрес, который попадает в тег og:image. Соцсети загружают его сами.
Картинка с устройства
Только для предпросмотра. Она не загружается и не попадает в теги.

Конфиденциальность

Предпросмотр рисуется в вашем браузере. Этот инструмент не обращается к другим сайтам, поэтому не может прочитать теги существующей страницы.

Частые вопросы

Можно ли вставить URL и увидеть его текущий предпросмотр?

Нет. Чтение другого сайта из браузера блокируется правилами безопасности, а сервер мы не используем. Заполните поля, чтобы увидеть, что дадут ваши теги.

Какой размер картинки выбрать?

1200 на 630 пикселей, соотношение около 1,91 к 1, подходит для Facebook, LinkedIn и X. Не размещайте важное у краёв, так как некоторые приложения обрезают изображение.

Почему настоящая карточка выглядит иначе?

Каждая сеть время от времени меняет оформление и лимиты текста, а мессенджеры могут обрезать картинку. Предпросмотры лишь близкие ориентиры, а не точные копии.

Почему после замены всё ещё показывается старая картинка?

Соцсети кэшируют предпросмотры ссылок. Используйте Facebook Sharing Debugger или LinkedIn Post Inspector, чтобы обновить кэш принудительно.

Нужны ли и Open Graph, и теги X?

Для большинства полей X использует теги Open Graph. Достаточно twitter:card, чтобы выбрать тип карточки.

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