What Makes a Page Agent-Readable
An agent-readable product page is one that AI agents can parse, evaluate, and (where appropriate) transact with reliably. In 2026, agent-readable pages are included in agent shortlists at 3.6x the baseline rate of equivalent pages without the structural pattern. This playbook walks through the four structural layers of an agent-readable product page: Schema.org markup, content structure, accessibility tree, and transactional handoff.
Layer 1: Schema.org Markup
Schema.org markup is the metadata layer agents inspect first. The minimum agent-readable product page includes Product, Offer, Action, Organization, and FAQPage schema. The fuller the markup, the higher the agent confidence in extraction. A practical baseline:
{
"@context": "https://schema.org",
"@type": "Product",
"name": "[Product Name]",
"description": "[One-sentence description]",
"category": "[Schema.org category]",
"brand": { "@type": "Brand", "name": "[Brand Name]" },
"offers": {
"@type": "Offer",
"price": "[Number]",
"priceCurrency": "[Currency code]",
"availability": "https://schema.org/InStock",
"potentialAction": {
"@type": "BuyAction",
"target": "[Direct purchase URL]"
},
"hasMerchantReturnPolicy": {
"@type": "MerchantReturnPolicy",
"returnPolicyCategory": "[Policy type]",
"url": "[Policy URL]"
}
},
"review": [...]
}
Add JSON-LD to the page head; agents prefer JSON-LD over microdata or RDFa because the parsing is more reliable. Validate with Google's Rich Results Test, Schema.org Validator, and Presenc AI's agent-readability check.
Layer 2: Content Structure
Agents extract price, features, and terms from the first 1,500 tokens of visible content. Structure the page so the structurally-important answers come first:
- One-sentence product description (what it is)
- Price and pricing model (with currency and unit)
- Three to five key features in bulleted form
- Target buyer and use case in plain language
- Refund / returns / cancellation policy reference
- Primary call-to-action with clear handoff URL
Marketing narrative, brand storytelling, and detailed feature deep-dives belong below this structural fold. Pages that lead with marketing copy and bury the structural answers are extracted unreliably even with full schema markup.
Layer 3: Accessibility Tree
Anthropic Computer Use and several other agents use the accessibility tree as a primary parsing surface. A clean, semantic accessibility tree improves extraction reliability dramatically. Practical rules:
- Use semantic HTML elements (button, nav, main, article) rather than generic divs
- Add ARIA labels to interactive elements (aria-label, aria-describedby)
- Manage focus order so keyboard / agent navigation flows logically
- Provide text alternatives for visual elements (alt on images, aria-label on icon buttons)
- Avoid div-based buttons with onclick handlers, real button elements work better
Pages with rich, semantic accessibility trees were navigated reliably 4.1x more often than pages with weak accessibility implementation under Computer Use in monitored samples.
Layer 4: Transactional Handoff
Agents handing off transactions need clean URLs the agent can call directly. For each Action in your schema, ensure:
- The target URL accepts deep-link navigation without requiring native browser context
- The destination page is itself agent-readable (does not require JavaScript-only initialisation)
- The flow from arrival to completion does not require state established on prior pages the agent did not visit
- Form fields use standard input types with predictable names (HTML5 input type="email", input type="tel")
Test the handoff by following the Action URL from a fresh browser session and completing the flow without using the broader site navigation. If the flow breaks, agents will break in the same place.
Practical Template
Below is a structural template for an agent-readable product page. Adapt to your category and brand voice; the structural elements are what matter for agent readability.
<article>
<script type="application/ld+json">[Product+Offer+Action JSON-LD]</script>
<header>
<h1>Product Name</h1>
<p>One-sentence description.</p>
</header>
<section aria-label="Pricing">
<p>Price: $X / unit</p>
</section>
<section aria-label="Features">
<ul><li>Feature 1</li>...</ul>
</section>
<section aria-label="Target Buyer">
<p>Who this is for and primary use case.</p>
</section>
<a href="/cart/product-id" role="button">Buy Now</a>
<a href="/policies/returns">Returns Policy</a>
<!-- Marketing narrative below -->
</article>
Validation Checklist
- Schema.org Product + Offer + Action JSON-LD validates without errors
- First 1,500 tokens contain price, features, target buyer, policy reference
- Page renders cleanly without modal popups blocking content
- Accessibility tree contains semantic elements (audit with axe DevTools)
- Action URL completes transaction from fresh browser session
- Refund / returns policy linked from product, cart, and checkout pages