This is roughly what happens when a buyer asks an AI shopping agent a simple question. AI opens the page, checks it line by line, and stops the moment it runs out of confidence.
Category Core ConceptMeasures ExtractionRelated AI Extractability
Buyer asksDo these shoes have free returns?↓Opening HTML...
Finding product✓
Finding return policy✗
Finding FAQ✗
Reading reviews✓
Building answer…
Readability6 / 20AI stopped reading here.
Illustrative example, not a specific measured result.
Definition
AI Readability measures how cleanly and completely an AI system can extract structured content from a store without executing JavaScript or rendering the page visually. It covers heading hierarchy, server-rendered text, FAQ structure in HTML, semantic HTML elements, and paragraph clarity. A store with high AI Readability lets an AI agent extract its full content in a single crawl pass.
AI shopping agents fetch the raw HTML response and stop there. They do not render JavaScript, click buttons, or interpret visual design the way a human shopper does. Anything that only appears after a script runs, an interaction happens, or a layout finishes rendering is invisible to the crawl. AI Readability is the first layer everything else depends on. If extraction fails here, schema markup, trust signals, and product data downstream never get evaluated at all.
Two very different pages
Human View vs AI View
The same product page renders two completely different ways depending on who, or what, is looking at it.
What a human sees
Hero banner
Product photos
Scroll animations
Interactive FAQ
Full page design
What AI actually gets
<h1> Running Shoes✓
Price✓
FAQMissing
Return policyMissing
ReviewsFound
Product specsMissing
90%
of the page never reaches AI
Illustrative example, not a specific measured result.
The reading pipeline
How AI turns a page into facts
AI does not read a store the way a human does. It moves through a fixed pipeline, one block at a time. It cycles on its own, or click a step to jump straight to it.
AI fetches the raw HTML response from the server. Nothing has been interpreted yet, this is just the source.
The scorecard
AI Readability radar
AI Readability is not one number, it is five. A store can be strong in one and still fail extraction because of the others.
Illustrative example, not a specific measured result.
Where the signal goes
AI loses information at every step
A page never survives the trip to a recommendation intact. Every stage strips something away. Readability determines how much survives.
100%
↓Open page
83%
↓Chunking
61%
↓Extraction
34%
Illustrative example, not a specific measured result.
Try it yourself
One tag changes the outcome
These are two real fixes. Click each one and watch what AI reports before and after.
<div>Premium skincare</div>
✗No H1 detected
<h1>Premium skincare</h1>
✓Topic detected
<div id="price">Loading...</div>
✗No price found
<span itemprop="price">39</span>
✓Price extracted
Same question, two stores
Can AI answer this?
Buyer asksDoes it contain caffeine?
Store A
Yes.
Found in FAQ, in the HTML.
Store B
I don't know.
Same FAQ, rendered by JavaScript.
Same answer waiting to be found. Different readability.
The page heatmap
What the crawler scans
Picture a scanner moving down the page top to bottom. Some sections turn to facts. Others simply get skipped.
HeroRead
GallerySkipped
ReviewsRead
FAQSkipped
FooterRead
Score it yourself
The Readability Checklist
Open your own page source and run through the same eight checks. This store passes five.
✓HTML H1
✓HTML FAQ
✓HTML Price
✓HTML Reviews
✓Product description
✗Return policy
✗Shipping
✗JSON-LD Product
Readability13/ 20
Illustrative example, not a specific measured result.
Where this leads
Readability is one layer of five
Passing this layer does not guarantee a recommendation. It unlocks the next layer AI has to check. Click through to keep going.
AI Readability measures how cleanly an AI shopping agent can extract content from a store without executing JavaScript or rendering the page visually. It covers heading hierarchy, HTML availability, semantic HTML elements, FAQ structure, and paragraph clarity.
Why does JavaScript hurt AI Readability?
Most AI crawlers fetch the initial HTML of a page without executing JavaScript. Content that only appears after JavaScript runs, prices, reviews, policies, product descriptions, is invisible to the crawl.
How do I check my store's AI Readability?
Open your store and view page source. Search for your price, your return policy text, and your main product description. If they are not in the raw HTML, they are likely JavaScript-rendered and invisible to AI.
Does AI Readability affect SEO?
Some factors overlap. Server-side rendering and heading hierarchy help both Google and AI agents. But AI Readability is calibrated specifically for AI shopping agent extraction, not search engine crawling.
Can AI actually read your store?
Measure your AI Readability.
Get a free AI Commerce Score and see exactly which parts of your page AI can, and cannot, extract.
Free · No signup · No credit card · Results in 10 seconds