SSR vs CSR + GEO Analyser

About

SSR vs CSR + GEO Analyser is a professional-grade inspection tool for UX designers, SEO specialists, and frontend developers who need to understand exactly how a webpage is rendered — and how visible it is to search engines and AI systems like ChatGPT, Gemini, Perplexity, Copilot, and Claude.

───────────────────────────────────────
🟢 RENDER ANALYSIS
───────────────────────────────────────
Instantly highlights every element on the page:

• Green = Server-Side Rendered (SSR) — present in the original HTML the server sent
• Red = Client-Side Rendered (CSR) — injected by JavaScript after load

Measures the SSR vs CSR split as a percentage across the full page AND separately for above-the-fold content only — the area that matters most for performance and first impressions.

Automatically detects the frontend framework in use.

───────────────────────────────────────
🔍 SEO SIGNAL AUDIT
───────────────────────────────────────
Checks whether your most critical SEO elements are present in the server HTML — not just injected by JavaScript where crawlers may miss them:

• Title tag (SSR vs CSR)
• Meta description
• Canonical URL
• H1 tag
• Open Graph tags (og:title, og:description)
• JSON-LD / Structured Data blocks

CSR-injected meta tags and titles are flagged as warnings — a common cause of poor search indexing that's easy to miss without this tool.

───────────────────────────────────────
🤖 GEO / LLM READINESS (NEW)
───────────────────────────────────────
Generative Engine Optimisation (GEO) is the emerging discipline of making your content readable and citable by AI-powered search engines. This tool audits your page against the signals that matter most to large language models:

• Text-to-HTML ratio — how much clean, extractable content exists vs markup noise
• Heading hierarchy (H1–H6) — structural clarity for LLM parsing
• LLM-friendly schema types: Article, FAQPage, HowTo, Product, Organization, NewsArticle, BreadcrumbList
• FAQPage schema — the highest-value markup for AI answer snippets
• Robots / AI indexing signals — noindex, noai, noimageai detection
• llms.txt — checks for the emerging AI crawler guidance standard
• Publish date signals — LLMs prioritise fresh, dated content
• Author entity markup — E-E-A-T signals for AI trust scoring

A GEO Readiness Score (0–100) summarises your page's overall AI-readiness at a glance.

Per-LLM compatibility breakdown shows whether your page is likely readable by:
✅ Perplexity  ✅ ChatGPT Search  ✅ Gemini  ✅ Copilot  ✅ Claude

───────────────────────────────────────
📸 FULL-PAGE ANNOTATED SNAPSHOT
───────────────────────────────────────
Capture a full-page screenshot with all SSR/CSR highlights already applied — perfect for reports, presentations, and handoffs. The tool automatically scrolls the entire page, re-applies highlights to any lazy-loaded content discovered along the way, and stitches all slices into a single downloadable PNG.

───────────────────────────────────────
👥 BUILT FOR THREE TEAMS
───────────────────────────────────────
• UX Teams — understand what users see before JavaScript loads; export annotated visuals for design reviews
• SEO Teams — audit crawlability of meta tags, structured data, and headings directly in the browser
• Dev Teams — verify SSR hydration, detect CSR regressions, and identify above-the-fold rendering issues before they ship

───────────────────────────────────────
🔒 PRIVACY
───────────────────────────────────────
All analysis runs entirely in your browser. No data is sent to any server. No tracking. No account required.