SEO SSR / DOM Audit

About

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!