Client-Side Ghosting — definition
Client-Side Ghosting is a critical technical defect where web content rendered exclusively via client-side JavaScript (SPA frameworks) appears completely blank to lightweight RAG scrapers and AI bots.
Expanded Explanation
Unlike full browser engines that execute complex JS bundles, many lightweight AI search crawlers only parse raw initial HTML. Unrendered SPA pages appear as empty "ghost" pages.
Analogy & Mental Model
Client-Side Ghosting is like submitting a invisible ink document that requires special UV light to read: if the reviewer lacks the light, they see a blank page.
Why It Matters & Where It's Used
Client-side ghosting causes AI search engines to ignore your content, destroying AI visibility even if your site looks perfect to human browser users.
Concrete Real-World Application
A React single-page app displaying a blank root `<div>` to PerplexityBot because the server does not pre-render HTML.
Client-Side Ghosting vs Server-Side Rendering (SSR)
SSR generates complete HTML on the server for instant bot parsing, whereas Client-Side Ghosting leaves HTML empty until JS executes in the browser.
How It Works & Key Components
Occurs when AI crawlers fetch raw HTML before client JS bundles execute.
1Raw HTML Inspection
Bots requesting initial page HTML without executing full headless browsers.
2DOM Empty State Detection
Finding empty `<div id="root"></div>` tags lacking textual content.
3Citation Omission
The AI model marking the page as low-value or blank, skipping citation extraction.
Frequently Asked Questions
Q:How do you fix Client-Side Ghosting for AEO?
Implement Server-Side Rendering (SSR), Static Site Generation (SSG), or dynamic pre-rendering (Next.js, Nuxt, Prerender.io) so initial HTML contains full page text.
Get cited across ChatGPT, Perplexity & Gemini with citedby
Optimize your brand’s AI visibility score, track Share of Model across buyer prompts, and turn zero-click search into your highest-converting pipeline source.
Explore citedby Platform