SEOSync

← Blog · AI search readiness · Part 9

Why AI bots see an empty React page (and your browser does not)

Client side React apps often look fine in Chrome but return a nearly empty HTML shell to crawlers and AI fetchers. How to spot the gap and fix crawlable content.

Your React app can look rich in the browser and still look empty to Googlebot style crawlers and many AI fetchers. The difference is JavaScript: browsers execute it; many audits and answer engine crawls only read the first HTML response.

What crawlers actually fetch

A typical Create React App or SPA shell is title tags, a root div, and a script bundle. Your H1, pricing copy, and FAQs appear only after React mounts. SEOSync scores that shell, which is why AEO can stay low after you "fixed" the UI.

How to spot the gap

  • View Page Source and search for your H1 text
  • curl the URL and check word count in the HTML
  • Run a free dual SEO + AEO audit on seosync.app

Fixes that work for SaaS marketing sites

  1. Put a crawlable summary, definition, and FAQ in static HTML for home and pricing
  2. Prerender or SSG money pages (Next.js, Astro, Webflow export, or similar)
  3. Keep FAQPage JSON LD in the initial head, not only after hydration

Verify

Ship static content, audit the same URL again, and compare SEO and AEO before/after.

Free audit · SEO vs AEO gap