Отладчик OG-тегов
Если превью ссылки пустое или неверное, первым делом проверьте og-теги в исходном коде. Вставьте HTML, и инструмент покажет, какие теги он может прочитать и какое значение у каждого, так что отсутствующий или пустой тег сразу бросится в глаза.
Как отлаживать og-теги
-
1
Используйте view-source
Откройте исходный код страницы, а не инспектор браузера, и скопируйте раздел head. Краулеры читают необработанный ответ.
-
2
Вставьте и запустите
Вставьте код в поле HTML заголовка страницы, нажмите Далее, затем Результаты.
-
3
Найдите красные пункты
Каждый красный пункт среди шести проверок: это тег, который инструмент не смог прочитать из вашей разметки.
-
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 считаются неудачными при пустом значении. Остальные теги засчитываются, как только тег существует, поэтому читайте выведенные значения и ищите пустые.
Короткая процедура отладки
- Вставьте head и отметьте красные пункты.
- Исправьте разметку в шаблоне, а не во вставленной копии.
- Перезагрузите страницу, скопируйте исходный код заново и вставьте свежую версию.
- Повторяйте, пока все шесть проверок не станут зелёными и выведенные значения не будут выглядеть правильно.
Поскольку инструмент читает текст, а не живую страницу, он не покажет, возвращает ли адрес 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-кодированием, готовые для рекламы и рассылок.
Инструмент доступен на других языках
- เครื่องมือดีบัก OG Tags [TH]
- Debugger tagów OG [PL]
- Công cụ gỡ lỗi thẻ OG [VI]
- Debugger Tag OG [ID]
- أداة تصحيح وسوم OG [AR]
- OG-Tags-Debugger [DE]
- OGタグデバッガー [JA]
- Depurador de tags OG [PT]
- Depurador de etiquetas OG [ES]
- OG 태그 디버거 [KO]
- Felsökning av OG-taggar [SV]
- Débogueur de balises OG [FR]
- OG-tags debugger [NL]
- OG Tags Debugger [EN]
- Debugger dei tag OG [IT]
- OG Etiketleri Hata Ayıklayıcısı [TR]
- OG 标签调试工具 [ZH]