Juan Camilo Auriti

Posted on May 20

The Missing Layer in Google I/O 2026: Agent-Ready Websites

#webdev #ai #devchallenge #googleiochallenge

Google I/O Challenge submission

This is a submission for the Google I/O Writing Challenge

Everyone is talking about Gemini, Antigravity, AI Mode, and coding agents.

I want to talk about websites.

Because the Google I/O 2026 announcement that spoke to me most was not only a model announcement, an IDE update, or another productivity feature. It was the larger pattern behind several announcements: the web is becoming agentic.

That changes the job of a web developer.

For years, we built websites mainly for three audiences:

humans using browsers;
crawlers indexing pages;
search engines ranking documents.

After Google I/O 2026, I think we need to add a fourth audience:

AI agents that read, reason, compare, inspect, click, call tools, and act on behalf of users.

That does not mean we should stop caring about humans. Quite the opposite. The best agent-ready website is usually a better human website too: clearer, more semantic, more accessible, more stable, and less ambiguous.

But it does mean that “looking good in the browser” is no longer enough.

A website now has to answer a deeper question:

Can an AI system understand what this page means, verify what it claims, and safely act on what it exposes?

That, to me, is the missing layer in Google I/O 2026: agent-ready websites.

The announcement I am focusing on: WebMCP and the agentic web

Google I/O 2026 had many AI announcements. Google’s own I/O 2026 recap frames the event around more capable models, agentic experiences, Antigravity, Information agents in Search, Gemini Spark, Universal Cart, and broader Gemini integration across products.

But the announcement that feels most underrated for web developers is the Chrome team’s work around the agentic web, especially WebMCP and the broader set of Chrome updates announced in “15 updates from Google I/O 2026: Powering the agentic web”.

The key idea behind WebMCP is simple but powerful:

Websites should be able to expose structured tools that browser-based agents can use with more reliability, precision, and context.

Instead of forcing an agent to visually guess its way through a complex interface, WebMCP aims to let a website describe actions in a more machine-friendly way. The Chrome team describes it as a proposed open web standard for exposing structured tools such as JavaScript functions and HTML forms to browser-based agents.

That matters because it changes the role of the website.

A website is no longer only a set of pages.

It can become a set of understandable capabilities.

For example, instead of an agent trying to click through a travel booking flow step by step, a site could expose a structured tool for checking availability, comparing options, or building an itinerary. The user would still need control and approval where appropriate, but the interaction becomes more explicit and less fragile.

This is not just automation.

This is a new contract between websites and agents.

Why this matters beyond WebMCP

The important part is not only WebMCP itself.

The important part is the direction.

Google I/O 2026 repeatedly pointed toward AI systems that do not merely answer questions, but help users complete tasks. Google described Gemini 3.5 as a family of models combining “frontier intelligence with action”, with Gemini 3.5 Flash positioned for agentic and coding workflows. Google’s I/O 2026 collection also highlights Information agents in Search, Gemini Spark, Universal Cart, and an agent-first development platform in Antigravity.

In parallel, Google Search Central published guidance for optimizing websites for generative AI features in Search. That guide keeps SEO in the picture, but reframes the environment: generative AI features use techniques such as retrieval-augmented generation and query fan-out, and Google explicitly encourages clear technical structure, crawlability, unique non-commodity content, and agentic-experience awareness.

Then web.dev published guidance on building agent-friendly websites, making the point even more concrete: agents can interpret websites through multiple signals, including screenshots, DOM structure, and the accessibility tree.

For me, these announcements are connected.

Search is becoming more generative.

Browsers are becoming more agentic.

Developer tools are becoming more autonomous.

And websites are becoming inputs to systems that do not behave like traditional users.

That is a big deal.

The old web contract is changing

The old web contract looked something like this:

make the page discoverable;
make the content indexable;
make the interface usable by humans;
make the page fast enough;
make the content rank.

That contract still matters.

But it is no longer complete.

The new contract adds questions like:

can an AI system retrieve the correct information from this page?
can it distinguish primary content from decorative noise?
can it identify the purpose of a button, form, or control?
can it understand pricing, availability, dates, policies, constraints, and exceptions?
can it use the accessibility tree as a reliable functional map?
can it perform an action without guessing?
can it avoid dangerous or irreversible steps without user confirmation?

This is where agent readiness begins.

It is not “SEO with a different name”.

It is not “add one magic file and hope AI systems cite you”.

It is the discipline of reducing ambiguity across content, markup, interface behavior, and actions.

SEO is still relevant, but it is not the whole story

One of the most useful parts of Google’s new generative AI search guidance is its refusal to treat AI search as a completely separate universe.

Google says foundational SEO practices still matter because generative AI features in Search are rooted in core Search ranking and quality systems. That is important. Crawlability, indexability, technical clarity, helpful content, good page experience, and structured information are not obsolete.

But I do not read this as “nothing has changed”.

I read it as:

SEO remains the foundation, but AI agents add a new interaction layer on top of that foundation.

A page can be indexed and still be hard for an agent to use.

A page can rank and still expose a confusing form.

A page can have structured data and still hide critical context behind vague UI labels.

A page can be beautiful and still be functionally broken for non-human navigation.

This is especially true when the task is not “find a document”, but “complete a journey”.

Finding a hotel page is one thing.

Understanding room types, checking dates, comparing cancellation policies, selecting accessibility options, and preparing a booking request is another.

That second experience is where agent readiness matters.

My critique: the agentic web could reward clarity — or punish fragile websites

My biggest concern is that agentic browsing may widen the gap between well-engineered websites and fragile interfaces.

A clean, semantic, accessible website may become easier for agents to understand and operate.

A visually impressive but structurally confusing website may become less useful in practice, even if it looks good to humans.

That matters because many modern interfaces are optimized for visual polish but not for semantic clarity.

We use clickable divs instead of buttons.

We hide labels because the placeholder looks cleaner.

We build custom controls that look beautiful but expose weak roles and names.

We rely on hover states that do not translate well to automation.

We split critical information across modals, accordions, carousels, and animation-heavy layouts.

We make forms that humans can eventually understand, but machines must infer.

For humans, this is annoying.

For agents, it is brittle.

And for developers, it is a warning.

The agentic web will not only need better models. It will need better websites.

The Agent Readiness Stack

Here is the mental model I would use after Google I/O 2026.

I call it the Agent Readiness Stack.

It has five layers.

1. Crawlability

Before an agent can reason about your content, the content has to be discoverable and accessible.

This is the layer traditional SEO already knows well:

do not block important pages accidentally;
make critical content publicly reachable when it should be;
use sensible internal linking;
avoid unnecessary duplication;
keep JavaScript-rendered content accessible to search systems;
maintain clean status codes, canonical URLs, and sitemaps where appropriate.

This is not glamorous, but it is foundational.

If the page cannot be found, nothing else matters.

2. Content clarity

Generative AI search makes weak content easier to ignore.

Google’s guidance emphasizes unique, valuable, non-commodity content. That phrase matters because AI systems are increasingly good at summarizing common knowledge. If your page only repeats what everyone else says, there may be little reason to retrieve it, cite it, or send a user to it.

For developers and site owners, this means content should answer questions like:

what do we know from direct experience?
what can we explain better than generic sources?
what details would help a user make a real decision?
what constraints, trade-offs, edge cases, or risks should be visible?
what claims can be verified?

Agent-ready content is not necessarily longer.

It is clearer.

It makes the important facts explicit.

3. Semantic structure

HTML is not just a rendering target.

It is meaning.

When an interface is built with semantic elements, the browser, assistive technologies, crawlers, and agents have a better chance of understanding what is happening.

That means:

use real headings for structure;
use real buttons for actions;
use links for navigation;
connect labels to inputs;
expose names, roles, and states correctly;
avoid replacing native controls with fragile custom components unless there is a strong reason;
make important information part of the document, not only a visual decoration.

This is not about writing perfect HTML for its own sake.

It is about reducing interpretation errors.

A human can sometimes guess that a styled card is clickable.

An agent should not have to guess.

4. Accessibility tree quality

The accessibility tree may become one of the most important debugging surfaces for agent-ready websites.

web.dev describes the accessibility tree as a browser-native representation that distills the DOM into roles, names, and states of interactive elements. For assistive technology, it is essential. For agents, it can become a functional map of the page.

That means accessibility is not a separate checklist anymore.

It is part of AI usability.

If a button has no accessible name, a screen reader user suffers.

If a form field has no label, an agent may not understand what value belongs there.

If a custom control exposes the wrong role, automation becomes unreliable.

Accessibility work has always been about inclusion.

Now it is also becoming part of machine interpretability.

That should not reduce its human importance. It should increase its priority.

5. Action readiness

This is the new layer.

Can an agent safely act on the site?

Not every website needs this immediately. A blog post may only need to be readable and citeable. But ecommerce, travel, SaaS, local services, booking systems, dashboards, and support portals increasingly need to think about actions.

Actions require more than buttons.

They require intent, constraints, parameters, validation, and confirmation.

For example:

“Search rooms” is safer than “Submit”.
“Request booking quote” is clearer than “Continue”.
“Cancel subscription” must require explicit confirmation.
“Pay now” must never be hidden behind ambiguous automation.
“Compare plans” should expose plan names, prices, limits, and billing periods clearly.

WebMCP is interesting because it points toward a world where websites can expose those actions as structured tools instead of leaving agents to infer everything from pixels and DOM fragments.

That does not remove the need for UX.

It makes UX more explicit.

A small example: from a fragile form to an agent-readable form

Imagine a booking form.

A fragile version might look clean to humans but confusing to agents:

<div class="booking-card">
  <div class="field">Arrival</div>
  <input type="text" placeholder="Select date">

  <div class="field">Leaving</div>
  <input type="text" placeholder="Select date">

  <div class="fake-button" onclick="submitBooking()">
    Continue
  </div>
</div>

This may work visually, but it creates ambiguity:

the inputs do not have stable labels;
the fields do not have clear names;
the action is a clickable div;
the button text is generic;
the expected data format is unclear;
the user intent is hidden inside JavaScript.

A more agent-ready version starts with ordinary good HTML:

<form action="/booking/search" method="get" aria-labelledby="booking-search-title">
  <h2 id="booking-search-title">Search room availability</h2>

  <label for="check-in">Check-in date</label>
  <input id="check-in" name="check_in" type="date" required>

  <label for="check-out">Check-out date</label>
  <input id="check-out" name="check_out" type="date" required>

  <label for="guests">Number of guests</label>
  <input id="guests" name="guests" type="number" min="1" max="6" required>

  <button type="submit">Search available rooms</button>
</form>

This is not futuristic.

It is just clear.

But that is the point.

Agent readiness often starts with things web developers should already care about: semantic HTML, accessible names, explicit labels, stable actions, and meaningful copy.

If you later experiment with WebMCP, that same clarity becomes even more valuable. Current Lighthouse documentation for agentic browsing already points to schema validity concepts such as tool names, tool descriptions, input names, labels, and parameter descriptions.

The direction is obvious: agents need structured intent, not visual guesswork.

A practical checklist for developers

If I had to turn Google I/O 2026 into a practical checklist for everyday web work, I would start here.

Content

Do not publish generic summaries that anyone could produce.
Add first-hand experience, examples, constraints, and trade-offs.
Make claims easy to verify.
Keep dates, prices, availability, version numbers, and eligibility conditions explicit.
Use headings that describe the content, not vague marketing slogans.
Add useful images or diagrams when they clarify the topic.

HTML and interface structure

Use native buttons for actions.
Use links for navigation.
Avoid clickable non-interactive elements where possible.
Connect every form input with a visible or programmatically available label.
Use meaningful name attributes for form fields.
Make error messages specific and connected to the relevant fields.
Avoid hiding critical information only inside hover states or visual-only interactions.

Accessibility tree

Inspect the accessibility tree in Chrome DevTools.
Check whether every important action has a clear accessible name.
Verify that custom components expose correct roles, names, and states.
Test keyboard navigation.
Avoid layouts where the visual order and DOM order create confusion.

Agentic actions

Identify which actions an agent could safely help with.
Separate low-risk actions from high-risk actions.
Require explicit user confirmation for irreversible or sensitive actions.
Make action labels precise.
Consider whether structured tools, APIs, or WebMCP-like patterns could reduce ambiguity.
Log and monitor agent-triggered flows differently from normal user flows when appropriate.

Search and generative AI visibility

Keep foundational SEO healthy.
Make important pages crawlable and indexable.
Avoid manipulative “AI-only” content strategies.
Use structured data where it genuinely helps, but do not treat it as a magic solution.
Build content that deserves to be retrieved, summarized, and cited.

What I would test first

I am still in the first-look and reading-the-docs phase with WebMCP, so I do not want to pretend I have shipped it in production.

But if I were testing this today, I would start with a simple local service website or a booking flow.

For example, a small hotel or B&B website.

The task would be:

Can an AI agent understand the available rooms, compare the options, identify cancellation rules, check dates, and prepare a booking request without guessing?

I would audit the site in five passes:

Content pass: Are room types, prices, policies, services, accessibility options, and location details explicit?
HTML pass: Are headings, links, buttons, forms, and labels semantic?
Accessibility pass: Does the accessibility tree communicate the same intent as the visual UI?
Search pass: Are key pages crawlable, indexable, and structured enough for discovery?
Action pass: Which actions could safely be delegated to an agent, and which must require human approval?

That kind of audit is not just useful for agents.

It improves the site for everyone.

A clearer room page helps search engines.

A better form helps users.

A stronger accessibility tree helps assistive technologies.

A more explicit policy helps customers trust the business.

And if agents become a common interface to the web, the same improvements make the website easier for agents to operate.

That is why I think agent readiness is not a speculative idea.

It is a practical engineering direction.

Where I disagree with the hype

I do not think every website needs to rush into agentic automation tomorrow.

I also do not think every form needs to become a tool, every page needs an AI-specific representation, or every business needs to rebuild its interface around agents.

That would be premature.

There is also a risk that “agent-ready” becomes the next buzzword used to sell shallow checklists.

We should avoid that.

The best version of agent readiness is not hype.

It is not tricking AI systems.

It is not replacing human UX.

It is not publishing hundreds of pages for every possible query variation.

It is the disciplined work of making websites easier to understand, verify, and operate.

That work is boring in the best possible way.

It is labels.

It is headings.

It is clear content.

It is stable layouts.

It is accessible components.

It is explicit actions.

It is careful confirmation flows.

It is technical structure.

And that is exactly why developers should care.

The opportunity for developers

The developers who understand this shift early will have an advantage.

Not because they will chase every new AI feature.

But because they will build websites that are robust across interaction modes.

A good agent-ready website works for:

a human reading on mobile;
a keyboard user navigating forms;
a screen reader user exploring controls;
a crawler discovering content;
a search system retrieving information;
an AI assistant summarizing options;
a browser agent trying to complete a delegated task.

That is a powerful design constraint.

It brings together disciplines that are often treated separately:

SEO;
accessibility;
UX writing;
frontend architecture;
structured data;
performance;
content strategy;
AI product design.

Google I/O 2026 made this convergence much more visible.

The web is not becoming less important because of AI.

The web is becoming the environment where agents must prove they can act usefully, safely, and reliably.

That makes the quality of websites more important, not less.

Final thought

Google I/O 2026 made me think less about rankings and more about readiness.

Ranking is about being selected.

Citation is about being trusted.

Agent readiness is about being understood well enough to be used.

That is the missing layer.

The next web will not be won only by pages that look beautiful or rank well.

It will be won by pages that humans can trust, search systems can retrieve, and agents can operate without ambiguity.

For developers, that is both a challenge and an opportunity.

We do not only need better AI models.

We need better websites for AI to work with.

References

AI assistance disclosure

I used AI assistance to help organize research notes, refine the outline, and improve editorial clarity. The final angle, opinions, examples, and publishing decisions are mine.

DEV Community