Открытая студия предварительного просмотра графиков

Открыть инструмент предварительного просмотра графика

Загрузка рабочей области...

Как просмотреть теги OG с любого URL-адреса

Вставьте абсолютный URL-адрес https, запустите «Получить метаданные», затем просмотрите объединенный заголовок, описание, изображение и целевой URL-адрес. Разверните диагностику, чтобы подтвердить коды состояния, конечный URL-адрес после перенаправления и тип контента.

Как выбираются Open Graph, Twitter Card и резервные метатеги

Для предварительного просмотра в стиле Facebook и LinkedIn мы предпочитаем теги Open Graph, а затем возвращаемся к тегу заголовка, метаописанию, каноническому URL-адресу и первому подходящему изображению тела, если og:image отсутствует. Для предварительного просмотра в стиле X/Twitter мы предпочитаем twitter:title, twitter:description и twitter:image, если они есть, в противном случае мы возвращаемся к Open Graph, а затем к тем же общим резервным вариантам.

Распространенные проблемы с метаданными и способы их устранения

Отсутствие og:image — наиболее распространенная проблема с качеством публикации. Добавьте URL-адрес квадратного или горизонтального изображения. Также часто встречаются повторяющиеся или конфликтующие теги, относительные URL-адреса изображений без правильной базы и длинные заголовки, которые обрезаются. Используйте редактор для проверки исправлений перед публикацией.

Как экспортировать метатеги HTML или JSON

После успешного получения (или после заполнения обязательных полей вручную) используйте команду «Копировать HTML» или «Копировать JSON» или загрузите файлы .html и .json. Значения экранируются во фрагменте HTML, а JSON включает статус источника для каждого поддерживаемого поля.

Получайте метаданные Open Graph и Twitter Card из общедоступного URL-адреса, предварительно просматривайте карточки в стиле Facebook, X/Twitter и LinkedIn, переопределяйте поля локально и экспортируйте метатеги HTML или JSON.

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

Почему предварительный просмотр в Facebook, X и LinkedIn различается?

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

Изменяет ли этот инструмент мой действующий веб-сайт?

Нет. Полученный HTML анализируется только для текущего запроса. Изменения и экспорт остаются в вашем браузере (с дополнительными параметрами URL-запроса для совместного использования). На ваш сайт ничего не записывается.

Что, если моя страница блокирует автоматическое получение данных?

Некоторые сайты возвращают 403/401 клиентам, не использующим браузер. Этот MVP поддерживает только общедоступный HTML без аутентификации. Попробуйте использовать промежуточный URL-адрес или временно ослабьте правила для ботов, если вы контролируете сервер.