The AI-First Page Template: HTML, Schema & Copy Patterns That Get Quoted
A working template — the exact HTML structure, schema blocks, copy patterns, and meta setup — for pages designed to be cited by ChatGPT, Perplexity, Gemini and AI Overviews. Copy, paste, ship.
Most AEO advice describes principles. This is a working template — the exact structure I use for pages designed to be cited by AI engines. Every element is here for a reason; remove any one and citation rate drops in observable testing. Adapt the copy, keep the architecture.
Table of contents
1. The 9 elements of an AI-first page · 2. The HTML skeleton · 3. The schema stack · 4. Copy patterns: the answer block formula · 5. Internal linking pattern · 6. Meta and head section · 7. The validation checklist · 8. FAQ
What are the 9 elements of an AI-first page?
1. Title tag with primary query phrasing. 2. Meta description with the answer in 155 chars. 3. H1 matching the title. 4. 2–3 sentence GEO summary lead (quotable standalone). 5. Mini ToC with anchor links. 6. 4–8 question-led H2s, each followed by a 40–80 word direct answer block. 7. FAQ section with 5 Q/A pairs. 8. Author bio with Person schema. 9. Schema stack: Article + FAQPage + (HowTo if applicable) + BreadcrumbList. Pages missing 3+ of these rarely get cited consistently.
The HTML skeleton
Semantic HTML wins: <article> wrapping main content, <section> per H2, <nav> for ToC, <header> for title block, <footer> for author + dates. Avoid div soup — AI parsers read semantic structure as hints to importance. Each H2 ID should be slug-safe and match the ToC anchor. Code blocks (where relevant) inside <pre><code> with language class for technical content.
The schema stack
Always: Article (with author Person, datePublished, dateModified, image), FAQPage with all questions matching the on-page H2s where possible, BreadcrumbList. When applicable: HowTo (step-based content), Product (product-related), Organization (brand pages). Use JSON-LD blocks at the end of <head>; never inline microdata. **Validate every schema block in Google's Rich Results Test before deploying — see the 78%-failure-rate audit linked below.**
Copy patterns: the answer block formula
Each answer block follows: [direct definition or yes/no in sentence 1] + [supporting mechanism or context in sentence 2] + [specific example, stat, or constraint in sentence 3]. 40–80 words total. Avoid hedging ('it depends', 'it's complicated' as openers — they kill quotability). Front-load the answer; provide nuance after, never before. **The answer block is the unit of citation — write it as if it will appear standalone in a synthesized AI answer, because it will.**
Internal linking pattern
Inline contextual links to 3–5 related on-site pages within the body (not just at the end). A 'Continue your research' panel above the FAQ with 5–8 related links grouped by intent (related reading, services, location pages). Outbound citation links to 3–5 authoritative external sources via the Article schema's citation field. Internal anchor text should be descriptive, not 'click here'.
Meta and head section
Title <60 chars including primary keyword. Meta description <160 chars containing the direct answer. Canonical URL self-referencing. Open Graph and Twitter Card with article-specific image (not site default). Robots: index, follow. Language attribute set on <html>. Viewport meta. Preload critical fonts. Structured data in JSON-LD at end of head. **og:image must be unique per page — root-level og:image overrides leaf images and kills share appeal.**
The validation checklist
Before shipping: (1) Title <60 chars; (2) Meta description <160 chars; (3) Single H1; (4) All H2s as questions; (5) Each H2 followed by direct answer block 40–80 words; (6) FAQ with 5 Q/A; (7) Schema validates in Rich Results Test; (8) Open Graph image is page-specific; (9) Internal links to 3+ related pages; (10) Outbound citations to 3+ authoritative sources. 10/10 = ship; <8/10 = revise.
Frequently asked
1,500–2,500 words for standard pages; 2,500–3,500 for original research or comprehensive guides. Below 1,200 words usually lacks the substance for multiple answer blocks; above 4,000 dilutes the quotable density. Length is a function of content depth, not a target.
Yes — most existing pages improve dramatically with: rewriting H2s as questions, adding 40–80 word answer blocks, adding FAQPage schema, adding internal link panel. A 60–90 minute retrofit per page on your top 30 URLs is the highest-ROI AEO project most teams haven't done.
Adapted version: replace the FAQ with product Q&A, swap Article schema for Product, keep the answer-block pattern for spec/use-case sections. The structural principles transfer cleanly to ecommerce.
Schema can almost always be injected via head custom code; semantic HTML can be enforced via theme overrides; the answer-block pattern is just copy. The most common blocker is FAQ schema — most CMS plugins handle it well in 2026, audit and pick one.
Likely yes for the architecture (semantic HTML, schema, answer blocks); the specific schema versions and AI engine quirks will evolve. The foundation — clean structure + entity signals + quotable copy — is durable across model updates.
Related services, guides & deep-dives
Want to be cited by ChatGPT, Perplexity & Gemini?
I run a dedicated AEO & GEO program for brands serious about AI search visibility — entity SEO, schema, and citation-worthy content, shipped end-to-end.
See the AEO & GEO serviceContinue reading the AEO cluster
Start with the pillar: What is AEO? How to Get Cited by ChatGPT in 2026. Then keep going below.
- What is AEO? How to Get Cited by ChatGPT in 2026
- Schema Markup for AEO
- llms.txt Explained
- Entity SEO Signals for AEO
- How to Measure AEO Performance
- 7 Common AEO Mistakes to Avoid
- I Audited 100 Pages Cited by ChatGPT — Here's What They All Have in Common
- Google AI Overviews Citation Report 2026: Which Domains Win Which Niches
- ChatGPT vs Perplexity vs Gemini vs Google AI Overviews: Where Should You Optimize First?
- AEO vs GEO vs SEO vs LLMO: The 2026 Acronym Map (With Examples)
- The CITE Framework: My 4-Step System for Getting Brands Quoted by ChatGPT
- Entity Stacking: The Off-Page AEO Playbook Nobody Talks About
- From Zero to Wikipedia: How We Built an Entity Footprint for a B2B Brand in 6 Months
- ChatGPT Citation Drift: I Re-Ran 200 Prompts Weekly for 90 Days. Here's How Much Citations Move.
- AI Overviews YMYL Audit: Who's Cited in Health, Finance & Legal in 2026
- AEO for SaaS: The Complete Playbook for Getting Cited by ChatGPT, Perplexity & Gemini
- AEO for Ecommerce: The Product Schema Playbook for AI Shopping Citations
- AEO for Law Firms: The YMYL Trust Playbook for Earning AI Citations
- The Reddit AEO Playbook: Getting Cited from Threads (Without Astroturfing)
- YouTube AEO: Turning Transcripts into ChatGPT & Perplexity Citations in 2026
- The Podcast SEO Citation Playbook: Show Notes, Transcripts & Schema That Earn AI Citations
- In-House vs Agency vs Fractional AEO: Which Hiring Model Actually Works in 2026
- How LLMs Actually Choose Citations: A Reverse-Engineered 2026 Guide
- Prompt-Level SEO: Optimizing for the Question Behind the Question
- The Anatomy of a ChatGPT-Cited Paragraph: Word Count, Structure & Entities
- Vector Embeddings for SEOs: What 'Semantic Match' Really Means in AEO
- Brand Mention Velocity: The Off-Page AEO Signal That Predicts AI Citations
- AI Overviews vs Featured Snippets: What Changed and What to Optimize Now
- Conversational Query Mapping: Building a 200-Prompt AEO Keyword Plan
- The Citation Half-Life Problem: Why ChatGPT Forgets Your Brand in 6 Weeks
- AEO Content Refresh Cadence: When to Re-Optimize for Re-Citation
