Back to blog
#web#ai#web-development

WebMCP: Making Your Website Agent-Ready in 2026

Google's new WebMCP standard lets AI agents call your site's functions directly instead of scraping the page. Here is what it is and how to adopt it without a rebuild.

By Rafael Costa4 min readEnglish
Share
WebMCP: Making Your Website Agent-Ready in 2026

For the last two years, an AI agent that wanted to book a table or check your stock did it the hard way: it loaded your page, read the pixels, guessed which button was "Add to cart", and clicked. It worked often enough to be dangerous and failed often enough to be useless. WebMCP changes the deal. It is a proposed W3C standard, previewed by Google and Microsoft at I/O 2026 and now in an origin trial in Chrome 149, that lets your website hand agents a proper menu of actions instead of making them reverse-engineer the screen.

The idea is small and the implications are not. Your site declares the things it can do, "search products", "check availability", "start a return", as structured tools with typed inputs. A browser agent calls them the way it would call any other tool, gets a clean result back, and skips the fragile business of scraping HTML. For anyone who sells or converts through a website, this is the next layer of the same shift that made SEO matter: being legible to the software that now shops on people's behalf. Here is what WebMCP is, how it works, and what to do about it before your competitors do.

Why "agent-ready" stopped being optional

AI browsers went mainstream faster than most teams planned for. ChatGPT Atlas, Perplexity Comet and Chrome's own auto-browse now sit between a lot of users and the sites they visit. When someone tells their browser "reorder what I got last month" or "find me a plumber who can come Tuesday", an agent is the one touching your page, not a human with a mouse.

Screen-scraping agents are bad customers. They misread modals, trip over cookie banners, and abandon anything with a multi-step flow. Every one of those failures is a lost booking or a lost sale you never see in analytics, because the agent quietly gave up and moved to a competitor whose site happened to be easier to parse. WebMCP is the fix: instead of hoping the agent guesses right, you tell it exactly what it can do and how.

What WebMCP actually is

WebMCP brings the Model Context Protocol, the same tool-calling standard already wired into ChatGPT, Cursor and Copilot, into the browser itself. A page becomes a small tool server. It registers functions the agent is allowed to call, each with a name, a description, and a typed set of inputs and outputs.

Two things make it practical rather than academic. First, it reuses what you already have: an existing HTML form or JavaScript handler becomes a tool with a few annotations, not a rewrite. Second, the agent runs the tools in the user's own browser session, so it inherits their login and permissions. It is not a public API you have to secure separately and rate-limit against the world, it is your existing page, made callable.

How it works, in practice

The simplest case is a form you already ship. You annotate it so the browser knows it is an agent-callable tool and what it does:

html
<form
  data-mcp-tool="search-products"
  data-mcp-description="Search the catalog by keyword and return matching products"
>
  <input name="query" type="search" required />
  <button type="submit">Search</button>
</form>

For anything driven by JavaScript, you register a tool against the browser's model-context API and hand it a function to run:

js
navigator.modelContext.registerTool({
  name: "check-availability",
  description: "Check whether a date is available to book",
  inputSchema: {
    type: "object",
    properties: { date: { type: "string", format: "date" } },
    required: ["date"],
  },
  async execute({ date }) {
    const slots = await getOpenSlots(date);
    return { available: slots.length > 0, slots };
  },
});

That is the whole shape of it. The agent sees check-availability, calls it with a date, and gets a typed answer back instead of scraping a calendar widget. No vision model, no brittle DOM selectors, no guessing.

What it means for your business

The upside is not "AI hype", it is a measurable change in whether agents can complete the actions that make you money.

Without WebMCPWith WebMCP
Agents scrape the page and guessAgents call named, typed tools
Multi-step flows fail silentlyEach step is an explicit action
You have no idea an agent triedTool calls are observable events
A redesign breaks every agentTools stay stable across redesigns

This builds on being agent-ready, not instead of it

WebMCP is the action layer. The content layer, clean structure, machine-readable data, fast pages, still matters just as much for agents that only read. If you have not covered the basics, start with making your website ready for AI browsers and agents, then add WebMCP tools on top.

Where to start

You do not need to tool-ify your whole site. Pick the one or two actions that actually convert, the booking, the quote request, the product search, and expose those first. Those are the flows an agent most wants to complete and where a silent failure costs you the most.

Native support is rolling out across Chrome and Edge through the second half of 2026, but the origin trial means you can ship and test today, and agents that already speak MCP can use your tools now. The teams that treat this like early SEO, moving before it is table stakes, will be the ones agents actually transact with. If you want a site that is built to be found and used by both people and their agents, tell us what you are building and we will scope it with you.

#web#ai#web-development
Share this article
Rafael Costa

Written by

Rafael Costa

Software Engineer & Technical Writer

Rafael is a software engineer at Lusivision who writes about web development, cloud architecture and applied AI. He has spent over a decade shipping production software for companies across Europe and enjoys turning hard technical topics into clear, practical guides.

View all articles

Related articles

Structured Data in 2026: Schema That AI Reads
EN
#seo#web

Structured Data in 2026: Schema That AI Reads

With AI Overviews on most searches, schema markup is now how you get understood and cited. Here are the schema types that still matter in 2026 and how to use them.

4 min read

Newsletter

Stay in the loop

Occasional notes on software, design and what we're building. No spam — unsubscribe anytime.