Machine Experience (MX) is the practice of making digital content readable by every machine that consumes it, so no machine has to guess.
It’s not a framework. It’s not a library. It’s a methodology, a way of thinking about content that acknowledges a fundamental truth: your website, your documents, and your data are all consumed by machines, and every machine deserves first-class content.
The Core Insight
For 30 years, web design optimized for one user type: humans with visual browsers, pointing devices, and the ability to infer meaning from context.
Then AI agents arrived.
These agents don’t have eyes. They can’t hover. They don’t infer. They parse structured markup, follow semantic hierarchies, and take explicit instructions literally.
MX recognizes that optimizing for humans alone is no longer sufficient. In an AI-mediated world, websites must work for both human visitors AND the agents acting on their behalf.
How MX Differs from Traditional Web Design
Traditional Approach
- Visual design first, structure second
- Rely on human inference (“users will figure it out”)
- Accessibility as compliance checkbox
- Metadata as SEO afterthought
Machine Experience Approach
- Structure and semantics first, visual design on top
- Explicit declarations (“make intent clear for all users”)
- Accessibility as foundation for agent compatibility
- Metadata as primary communication channel with agents
The shift: From “make it look good” to “make it unambiguous.”
The Three Pillars of MX
Machine Experience rests on three interconnected principles:
1. Structured Data (Schema.org)
AI agents don’t guess. They parse structured markup that explicitly declares what things are.
What this means in practice:
- Products marked with
schema:Productvocabulary - Prices explicitly declared as
schema:Offerwith currency and availability - Contact information in
schema:ContactPointformat - Reviews using
schema:Reviewmarkup with ratings and authors
Why it matters:
When an AI agent visits your e-commerce site, it shouldn’t have to infer that “$49.99” next to “Add to Cart” is the price. It should read <span itemprop="price">49.99</span> and know with certainty.
The boundary: Schema.org and JSON-LD describe what entities mean on a web page. MX adds governance metadata, provenance, lifecycle state, agent affordances, where Schema.org leaves gaps, and never duplicates what Schema.org already covers. A page with good JSON-LD becomes a stronger MX surface, not a competing one.
2. Accessibility (WCAG 2.1 AA)
MX recognizes that accessibility compliance isn’t just about screen readers, it’s the foundation of AI agent compatibility.
What this means in practice:
- Semantic HTML elements (
<nav>,<main>,<article>,<aside>) - Proper heading hierarchies (h1 → h2 → h3, never skipping levels)
- Alt text that describes image content (not “image123.jpg”)
- Form labels explicitly connected to inputs
- Color contrast ratios meeting 4.5:1 minimum
Why it matters: Assistive technologies and AI agents face identical challenges: they need explicit structure, not visual inference. When you fix accessibility issues, you simultaneously make your site more agent-compatible.
3. Explicit Over Implicit
Machines don’t do subtle. If something is disabled, unavailable, required, or conditional, say so explicitly in markup, not just visually.
What this means in practice:
- Disabled form fields marked with
disabledattribute (not just gray CSS) - Required fields marked with
requiredattribute (not just red asterisks) - Loading states declared with
aria-busy="true"(not just spinners) - Navigation hierarchy explicit in HTML structure (not just indentation)
Why it matters:
A grayed-out button might signal “unavailable” to a human. An AI agent sees a fully clickable button unless you’ve explicitly marked it disabled or aria-disabled="true".
MX in Action: A Simple Example
Before MX (Human-Only Design)
<div class="contact-box">
<div class="phone">Call us: 555-1234</div>
<div class="email">info@company.com</div>
</div>
Human sees: Contact information clearly displayed. AI agent sees: Two generic containers with text. Are these contact methods? Which is preferred? What are the hours?
After MX (Human + Agent Design)
<div itemscope itemtype="https://schema.org/ContactPoint">
<span itemprop="contactType">Customer Service</span>
<div itemprop="telephone">555-1234</div>
<div itemprop="email">info@company.com</div>
<meta itemprop="hoursAvailable" content="Mo-Fr 09:00-17:00">
</div>
Human sees: Exactly the same contact information. AI agent sees: Structured contact data with explicit types, availability, and purpose.
What MX Is Not
MX is not:
- A replacement for good UX design
- Only for large enterprises
- Complicated or expensive to implement
- About choosing machines over humans
- A memory-pool design (an LLM-wiki, a vector store, an Obsidian-style knowledge base). Memory-pool architectures organize knowledge inside one system. MX is what a file carries when it leaves any system.
MX is:
- A complement to human-centered design
- Applicable to any website, any size
- Often simpler than existing approaches (explicit beats clever)
- About serving ALL users, human and machine
- The DNA a file carries when it leaves any pool, so the next reader can interpret it without inference
Frequently Asked Questions
What is Machine Experience (MX)?
Machine Experience (MX) is the practice of designing web experiences that work equally well for humans and AI agents. It is a methodology built on three pillars: structured data (Schema.org), accessibility (WCAG 2.1 AA), and explicit intent.
How does MX differ from traditional web design?
Traditional web design puts visual design first and relies on human inference. MX puts structure and semantics first, uses explicit declarations instead of visual cues, treats accessibility as a foundation rather than a checkbox, and uses metadata as a primary communication channel with AI agents.
What are the three pillars of MX?
The three pillars are: (1) Structured Data using Schema.org to make meaning explicit, (2) Accessibility using WCAG 2.1 AA as the foundation for agent compatibility, and (3) Explicit Over Implicit, declaring what things are and what they do in markup rather than relying on visual inference.
Who needs MX?
Any organization that wants its content found, understood, and acted upon by AI agents. This includes e-commerce sites, service businesses, content publishers, SaaS products, and any organization whose contracts, policy documents, specifications, or reports are read by agents inside enterprise tools.
How do I get started with MX?
Start incrementally: (1) Add Schema.org markup to your most important pages, (2) Fix accessibility issues using WCAG 2.1 AA as your baseline, (3) Review forms, buttons, and navigation for hidden assumptions, (4) Test by asking AI assistants questions about your site.
The Business Case
Organizations implementing MX see:
- Higher SEO rankings (Google rewards structured data)
- Better accessibility scores (WCAG compliance built-in)
- Increased agent recommendations (when AI shopping agents work for your users)
- Future-proofed digital presence (as agent usage grows)
- Reduced support costs (agents answer questions correctly the first time)
Who Needs MX?
Industry Applications
E-commerce sites - AI shopping agents are already mediating 40%+ of purchases in early-adopter segments.
Service businesses - When potential customers ask AI “Find me a plumber in Seattle,” structured contact data determines who gets recommended.
Content publishers - AI agents citing sources need structured authorship, publication dates, and explicit licensing.
SaaS products - Agents evaluating tools need explicit feature comparisons, pricing structures, and integration capabilities.
Any website - If you want to be found, understood, and recommended by AI agents, you need MX.
Beyond the Website
Your website is a fraction of your content estate. Contracts, policy documents, product specifications, and technical reports don't live on the web, but AI agents inside enterprise tools are already reading them, inferring what they can, guessing the rest.
Being on the web and being machine-readable are not the same thing. A PDF on a public URL is still opaque to an agent that has no context about what the document is, who wrote it, what version it represents, or what claims it makes. Web accessibility solves discoverability. MX solves comprehension.
The principles, structured data, explicit intent, declared provenance, apply whether a document lives on your website, in your document management system, in a partner's inbox, or in a regulator's archive.
The Convergence Thesis
Here’s the profound insight at the heart of Machine Experience:
The things that make websites work better for AI agents are the SAME things that make them work better for humans.
Semantic HTML helps screen readers AND AI agents. Explicit form labels help people with cognitive disabilities AND machine parsers. Structured contact data helps vision-impaired users AND AI shopping assistants.
MX isn’t about compromising human experience for machines. It’s about recognizing that good design serves all users, regardless of how they access your content.
Why the Plumbing Beats the Tactics
Most advice on getting cited by AI assistants still talks about the LLM as if it were one surface. It is not. ChatGPT, Claude, and Gemini have different ingestion paths and different trust signals, and the agents built on top of them add another layer of variation. A tactic that lifts your citations in one tool can do nothing in another, and the gap widens every time a vendor tightens its rules, changes its system prompt, or ships a new model. New readers arrive every quarter, parsing your pages by rules you cannot predict.
The way through that churn is plumbing, not tactics. Output what the simplest machine can read:
- Right MIME types, so each file is delivered as the type it actually is.
- A discoverable sitemap, listing the pages you want machines to find.
- An
llms.txtthat is actually wired up, served, listed in the sitemap, and referenced from page heads. - Structured data that matches the rendered page, with no drift between the markup and what a visitor sees.
If the dumbest reader can parse the result, every smarter one can too. Tactics will reshuffle every few months. Plumbing does not.
Getting Started with MX
You don’t need to rebuild your website from scratch. MX is adoptable incrementally:
- Start with structured data - Add Schema.org markup to your most important pages
- Fix accessibility issues - Use WCAG 2.1 AA as your baseline
- Make implicit explicit - Review forms, buttons, navigation for hidden assumptions
- Test with agents - Ask AI assistants questions about your site and see how they answer
The goal isn’t perfection. The goal is progress.
Every piece of structured data you add helps. Every accessibility fix counts. Every explicit declaration makes your site more robust.
What’s Next?
Now that you understand what Machine Experience is, explore:
→ Why MX Matters - The business urgency → Key MX Principles - Deeper dive on the three pillars → Implementation Examples - See MX in practice
Ready to implement MX at your organization?