SEO SSR / DOM Audit

Comprehensive SEO DOM audit with health scoring, issue severity, JSON-LD type extraction, link analysis, and exportable reports.

Next.js SSR / DOM Audit is a powerful technical SEO tool that compares server-rendered HTML against client-rendered DOM to identify hydration mismatches, missing SEO elements, and hidden content issues. 🔍 What It Does Phase 1 - SSR Analysis -Captures the initial server-rendered HTML and analyzes critical SEO elements before JavaScript hydration. Phase 2 - DOM Comparison After hydration, compares DOM state to find elements that were: -Added by JavaScript (potentially invisible to search engines) -Modified after initial render -Hidden in accordions, tabs, or FAQ sections ✨ Key Features -Health Score Dashboard -Get an instant 0-100 health score with color-coded severity breakdown (Critical, Warning, Info issues). -Smart Element Detection Navigation & buttons added by JS -Images loaded client-side -Links with SEO impact (dofollow/nofollow analysis) -JSON-LD structured data (SSR vs DOM-only) -Form elements and interactive components Hidden Content Detection ⭐ NEW -Finds accordion, tab, and FAQ content that exists in DOM but is CSS-hidden. This content may not be reliably indexed by search engines. Visual Page Overlays -Toggle visual highlights directly on the page to see exactly where issues occur. Click any item to jump to it and isolate it visually. Isolation Mode -Click any detected element to isolate it with a highlighted outline while dimming others - perfect for client presentations or detailed inspection. Link Equity Analysis -Tracks internal vs external links, dofollow vs nofollow distribution, and identifies DOM-only links that may not pass link equity. Export Reports -Export findings as JSON or CSV for documentation, client reports, or further analysis. 👥 Who It's For -SEO Engineers auditing JavaScript-heavy sites -Developers debugging SSR/hydration issues -Technical SEOs validating Next.js, Nuxt, Gatsby implementations Agencies creating client deliverables 🛠️ How To Use 1. Navigate to any webpage 2. Click the extension icon 3. Click "Run Full Audit" 4. Review findings across tabs: Summary, Images, Links, Navigation, JSON-LD, Issues 5. Toggle "Show Visual Overlays" to see issues on the page 6. Export report as needed 📋 Permissions Explained -activeTab: Access current tab to analyze page content -scripting: Inject analysis scripts -storage: Save your preferences -host_permissions: Required to fetch SSR HTML from any site you visit -Privacy: All analysis runs locally in your browser. No data is sent to external servers. -Open Source: Found a bug or have a feature request? We welcome feedback!