What is Client-Side Ghosting?
Definition & Overview
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 Client-Side Ghosting Matters
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.
How Client-Side Ghosting Works
Occurs when AI crawlers fetch raw HTML before client JS bundles execute.
Core Components & Mechanisms
Raw HTML Inspection
Bots requesting initial page HTML without executing full headless browsers.
DOM Empty State Detection
Finding empty `<div id="root"></div>` tags lacking textual content.
Citation Omission
The AI model marking the page as low-value or blank, skipping citation extraction.
Client-Side Ghosting vs AI Crawler Logs
AI Crawler Logs track bot requests to your server, whereas Client-Side Ghosting occurs when JavaScript-rendered text is invisible to simple AI bots that do not execute client scripts.
Frequently Asked Questions
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.
Articles & Research Referencing Client-Side Ghosting
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 ThriveStack citedby