Nuxt-модуль

DevTools

Таб «SEO» в Nuxt DevTools пересчитывает страницу вживую и показывает issues, ссылки, outline, meta и JSON-LD.

iframe-Vue-приложение, самодостаточный бандл ~166 KB (Vue-runtime, level1-чеки и zod заинлайнены). Работает live: пересчёт при навигации и мутациях DOM (MutationObserver, debounce 400мс / max-wait 2с). DOM панели самого DevTools вырезается перед анализом.

  • Issues — 17 page-scope правил уровня Level 1 (без сети и ssrHtml), клик по проблеме скроллит к элементу с подсветкой на 1.6с.
  • Links — проверка по кнопке: same-origin ссылки дедупятся, HEAD пулом в 5 воркеров (405 → повтор GET), битые — списком. Zone-aware: панель забирает зоны из ranklint.config.ts через dev-эндпоинт /__ranklint/devtools-zones — ссылки в чужие зоны идут жёлтой группой с бейджем zone: name, а не красным «broken».
  • Outline — дерево h1–h6 с проблемами, клик скроллит.
  • Meta — таблица всех meta текущей страницы.
  • JSON-LD — блоки с валидацией по схемам, invalid — с путём и сообщением.

Чего в панели нет (нужен CLI): site-scope правила (дубли, orphans, sitemap, robots), indexability:ssr-content, redirect-цепочки, TTFB, Lighthouse. Таб работает только с собранным @ranklint/devtools — иначе модуль предупредит и не зарегистрирует его.