Platforms & tech
How to build an AI-native website in 2026
By Arnav Mukherjee, founder of TofuBofu · July 31, 2026
TL;DR
AI-native means a machine that has never seen your site can tell what you are, what you sell, who you serve and why to trust you, without running JavaScript and without guessing. Five layers, in dependency order: access, structure, entity, answer, proof. Our crawl of 69 B2B sites shows almost everyone stops at layer two. Organization schema appeared on 30%, FAQPage on 16%, and Service schema on 4%. Layer three is where the differentiation currently sits, and it is a weekend of work.
Here is the thing that surprised me most about running a crawler across a few dozen B2B websites: how many of them are, from a machine's point of view, almost blank. Not badly designed. Several were beautiful. But strip away the visual layer and ask what a program could reliably extract about what the company does and who it serves, and the answer is frequently very little.
That gap is the whole opportunity, and it is why "AI-native" is worth treating as a build spec rather than a buzzword. What follows is the spec: five layers in the order they depend on each other, with our own crawl data showing where the field actually stops. If you are building a new site, build it in this order. If you have one already, audit it in this order, because a failure at layer one makes layers three through five worthless.
Where sites actually stop
Our scanner crawls each site it audits and records which schema types are present. Across 69 B2B sites, this is the distribution. The interesting column is the right-hand one, because it shows which types are common enough to be table stakes and which are rare enough to be a genuine edge.
| Schema type | Sites with it | What it tells an engine |
|---|---|---|
| Organization | 30% | Who you are, and where else you exist |
| WebSite | 28% | Site-level identity |
| BreadcrumbList | 20% | How the page sits in a hierarchy |
| FAQPage | 16% | Question-and-answer pairs it can quote directly |
| Article | 13% | Authored content with a date |
| Service | 4% | What you actually sell, itemised |
| LocalBusiness | 4% | Where you serve, for geographic queries |
TofuBofu first-party crawl data, 69 B2B sites audited June to July 2026. Self-selected sample: these are companies that chose to run a visibility audit, so if anything they skew more engaged than average.
Look at the bottom two rows. Service schema is the thing that tells an engine, explicitly and without inference, what you sell. It is the direct machine-readable answer to the question buyers are asking when they type "best X for Y". It appeared on three of 69 sites.
Compare that to what the top of the table represents. Organization, WebSite and BreadcrumbList are largely things a modern CMS or SEO plugin adds for you. So the pattern is that sites have whatever their tooling installed by default, and almost nothing that required a deliberate decision. Which means the deliberate decisions are cheap ground to take.
The five layers
Layer 1: Access
A crawler that cannot fetch the page cannot cite it.
Check robots.txt for the AI user-agents specifically: GPTBot, OAI-SearchBot, ChatGPT-User, ClaudeBot, PerplexityBot, Google-Extended. Blocking one says nothing about the others, and they feed different surfaces. Then check the layers above the file, because this is where the silent failures live: CDN bot-protection rules, WAF configurations and security plugins routinely block unfamiliar user-agents without anyone deciding to. Test by fetching your own pages with those user-agent strings and confirming you get real HTML back rather than a challenge page.
Layer 2: Structure
The content must exist in the HTML, not after JavaScript runs.
Google renders JavaScript with a headless browser for its classic index. The major AI crawlers largely do not. A client-rendered application can look perfect to a human, pass every visual review, and hand the crawler an empty shell. If you are on a JavaScript framework, use server-side rendering or static generation and verify by viewing the raw source rather than the rendered DOM. Beyond rendering, use semantic HTML: real headings in a real hierarchy, lists that are lists, tables that are tables. Chunking algorithms use that structure to decide where a quotable passage begins and ends.
Layer 3: Entity
State what you are, rather than leaving it to inference.
This is the layer almost nobody completes, and it has two halves. The machine half is schema: Organization at the root with sameAs links to your profiles elsewhere, and Service or Product for each thing you sell. The human half matters more and is free: write the sentence that finishes "we are the X for Y" and put it in plain text near the top of the homepage, in the Organization description, and in the title tag. A company that calls itself a full-service end-to-end partner has given an engine nothing to match a query against, and no amount of markup compensates for positioning that will not commit.
Layer 4: Answer
Engines quote passages, so write passages that survive being lifted.
Put the direct answer in the first two sentences under a heading phrased the way a buyer would ask. Then explain. This inverts the normal instinct to build up to a conclusion, and it is the single biggest content change most sites need. Every section should be independently intelligible, because the chunk may be extracted with none of its surroundings. Question-shaped headings with self-contained answers underneath are the highest-yield format, which is presumably why 71% of ChatGPT-cited pages carry structured data, and why FAQ content appearing on only 16% of the sites we crawled is such an obvious gap.
Layer 5: Proof
Anything on your own domain is a claim. Engines want evidence.
The final layer mostly lives off your site, but your site is where you connect it. Link your review profiles, use sameAs in Organization schema to tie your domain to your presence on review platforms and social profiles, and reference independent coverage where it exists. This is the layer that decides whether you are named consistently rather than occasionally, and it is the slowest to build because it requires other people to write things. Brands present on four or more platforms are 2.8x more likely to be cited, and that breadth is what layer five is accumulating.
Audit your site against these five layers
A free scan crawls your site for exactly these gaps, checks crawler access and schema coverage, and shows which of the six AI engines name you today.
Run your free scanThings worth less than you think
llms.txt. Every AI-native checklist opens with it and the honest position is that the major engines do not meaningfully consume it yet. It costs ten minutes, so add it, but do not let it displace anything on the five layers. The file that genuinely decides your fate is robots.txt, because that one can silently remove you.
A rebuild. Founders reach for "we should redo the site" far too quickly. Four of the five layers are independent of your CMS and framework, and can be added to whatever you already have. The one situation that genuinely forces architectural work is a client-rendered front end serving an empty document, which is layer two. Audit rendering, and if it passes, everything else is incremental.
Schema volume. More schema types is not better. Organization, Service and FAQPage carry most of the value for a B2B company. Stacking ten types onto every page adds maintenance burden and risks contradicting yourself, which is worse than omitting a type. Correct and consistent beats comprehensive.
If you take one thing from the data: the field stops at layer two, and layer two is mostly your hosting stack's doing rather than yours. Three of 69 sites had bothered to tell a machine what services they sell. That is not a hard problem, it is not expensive, and it is currently the difference between being a candidate for an answer and being invisible to one.
Frequently asked questions
What makes a website AI-native?
A site is AI-native when a machine that has never seen it can determine what the company is, what it sells, who it serves and why it should be trusted, without executing JavaScript and without inference. In practice that means five layers built in order: crawler access, server-rendered structure, explicit entity definition through schema, answer-shaped content that resolves a question in the first paragraph, and third-party proof linked from the site. Most sites get the first two right by accident because modern hosting handles them, and stop before the third. In our crawl of 69 B2B sites, only 30 percent had Organization schema and only 4 percent had Service schema.
What schema should a new website have for AI visibility?
Start with Organization on the site root, which establishes who you are and carries your sameAs links to profiles elsewhere. Add Service or Product for each thing you sell, which is the layer that lets an engine match a specific buying query to a specific offering, and which is by far the most commonly missing: only 4 percent of the sites we crawled had it. Add FAQPage wherever you answer real questions. Add BreadcrumbList for structure and Article on posts. LocalBusiness matters only if you serve defined geographies. Organization plus Service plus FAQPage covers most of the value for a B2B company.
Do AI crawlers execute JavaScript?
Generally no, and this is the single most expensive architectural mistake available to you. Google renders JavaScript with a headless browser for its classic index, but the major AI crawlers largely fetch raw HTML and read what is in it. A client-rendered single-page application can therefore be perfectly visible to a human, pass a visual check, and return effectively an empty document to the crawler that decides whether an engine can cite you. If your content only exists after JavaScript runs, treat server-side rendering or static generation as a prerequisite rather than an optimisation.
How should I structure content so AI engines quote it?
Answer first, then explain. Engines retrieve and quote passages, not whole pages, so a self-contained paragraph that resolves the question completely is far more quotable than the same information distributed across a page with a narrative build-up. Put the direct answer in the first two sentences under a heading that matches how a buyer would phrase the question. Keep each section independently intelligible, since the chunk may be lifted away from its context. Use headings that are questions where the content genuinely answers a question, and avoid clever headings that require the surrounding page to make sense.
Does a new website need an llms.txt file?
It is low cost and currently low impact, so add it if it takes ten minutes and do not prioritise it above anything else on this list. The major AI engines do not meaningfully consume llms.txt yet, so it is a bet on a convention that may or may not get adopted. robots.txt is the file that matters today, because it can silently block the crawlers that decide whether you are citable. Verify that GPTBot, ClaudeBot, PerplexityBot and the other AI user-agents are not blocked, and check your CDN and security plugin rules as well as the file itself.
How do I make my category obvious to an AI engine?
Write the sentence that completes "we are the X for Y" and put it in plain text near the top of your homepage, in your Organization schema description, and in your title tag. Engines match queries to entities, and a company describing itself as a full-service end-to-end partner offers nothing to match against. This is the highest-leverage item on the entire list and the one most often treated as a branding question rather than a technical one. If three different people read your homepage and describe your category three different ways, an engine will do the same.
Can I make an existing website AI-native without a rebuild?
Almost always yes, and a rebuild is rarely the right first move. The five layers are largely independent of your CMS or framework, so you can add schema, rewrite category language, restructure content answer-first and link your third-party proof on the site you already have. The only situation that genuinely forces architectural work is a client-rendered front end that serves an empty document to crawlers, because no amount of content fixes a page the crawler cannot read. Audit rendering first, then treat everything else as incremental.
Sources and further reading
- TofuBofu first-party crawl data: 69 B2B sites audited June to July 2026. Organization schema on 30%, WebSite 28%, BreadcrumbList 20%, FAQPage 16%, Article 13%, Service 4%, LocalBusiness 4%
- SE Ranking AI search study: 71% of ChatGPT-cited pages use structured data, 65% for Google AI Mode
- Lewis et al., Retrieval-Augmented Generation (arXiv:2005.11401): the retrieve-then-generate mechanism that makes passage-level structure matter more than page-level polish
- Profound research: brands present on four or more platforms are 2.8x more likely to be cited, the basis for layer five