Отладчик OG-тегов

Далее

Если превью ссылки пустое или неверное, первым делом проверьте og-теги в исходном коде. Вставьте HTML, и инструмент покажет, какие теги он может прочитать и какое значение у каждого, так что отсутствующий или пустой тег сразу бросится в глаза.

Как отлаживать og-теги

  1. 1

    Используйте view-source

    Откройте исходный код страницы, а не инспектор браузера, и скопируйте раздел head. Краулеры читают необработанный ответ.

  2. 2

    Вставьте и запустите

    Вставьте код в поле HTML заголовка страницы, нажмите Далее, затем Результаты.

  3. 3

    Найдите красные пункты

    Каждый красный пункт среди шести проверок: это тег, который инструмент не смог прочитать из вашей разметки.

  4. 4

    Найдите причину

    Сравните выведенные значения со списком ниже, исправьте head и вставьте его снова.

Типичные причины, по которым тег не читается

Когда тег, который вы видите в head, отмечен как отсутствующий, причина почти всегда в одном из следующих пунктов:

Симптом Вероятная причина Решение
og:title красный Тег использует name="og:title" Замените name на property
Тег отсутствует, значение выглядит верным Значение без кавычек Заключите значение content в кавычки
Тег красный, но виден в инспекторе Тег добавляет JavaScript Выведите его в HTML, который отдаёт сервер
Тег зелёный, но выводится пустой текст Атрибут content пустой Заполните значение
Тег обрезан или отсутствует Необработанный символ > в значении content Запишите его как >
Изображение выводится с путём вида /img/a.jpg Относительный адрес Используйте полный адрес https

Вещи, которые могут вводить в заблуждение

  • Закомментированные теги всё равно читаются. Проверка сканирует текст, который вы вставили, поэтому тег внутри HTML-комментария может быть зелёным, хотя браузер или краулер его игнорирует. Удалите старый закомментированный код перед тестом.
  • Дубликаты. Если один и тот же тег встречается дважды, список показывает одно значение, последнее найденное. Проверьте head на повторы, которые часто появляются, когда и тема, и плагин добавляют один и тот же тег.
  • Пустые значения. Только og:title и og:description считаются неудачными при пустом значении. Остальные теги засчитываются, как только тег существует, поэтому читайте выведенные значения и ищите пустые.

Короткая процедура отладки

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

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

Когда все шесть проверок зелёные, а превью всё равно неверное

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

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

Инструмент сканирует необработанный текст, который вы вставили, включая HTML-комментарии. Удалите закомментированные теги перед проверкой.

В результатах показано одно значение на имя тега, последнее найденное. Удалите дубликат, чтобы не было двусмысленности.

Он показывает страницу после выполнения скриптов. Краулеры обычно читают необработанный HTML-ответ, поэтому отлаживайте через view-source.

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

Сопутствующие инструменты

Генератор карты сайта

Вставьте список URL и создайте корректную карту сайта XML с changefreq, priority и необязательным lastmod, готовую к сохранению и отправке в Search Console.

Парсер UTM

Вставьте URL кампании и прочитайте пять стандартных UTM-меток (source, medium, campaign, term и content) с каждым декодированным значением. Быстрый способ проверить ссылку отслеживания перед отправкой.

Проверка смешанного контента

Просканируйте любую страницу на HTTPS в поисках небезопасных HTTP-ресурсов, которые вызывают предупреждения о смешанном контенте и ломают значок замка в браузере.

Инструмент для извлечения метаданных

Извлеките метаданные страницы из любого URL: название, метаописание, Open Graph, карточки в Twitter, канонический URL и структурированные данные в формате JSON-LD.

Анализатор заголовков безопасности

Вставьте свои заголовки HTTP-ответа и получите приоритизированные советы по заголовкам безопасности, которые важны: Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, Referrer-Policy и другим.

Конструктор UTM-ссылок

Создавайте URL для отслеживания кампаний с параметрами UTM source, medium, campaign, term и content. Чистые ссылки с URL-кодированием, готовые для рекламы и рассылок.

Инструмент доступен на других языках

Руководства и сценарии использования