Voor je webbouwer: WebMCP in 5 minuten

Kreeg je deze pagina doorgestuurd van een klant? Dan wil die klant dat zijn site aanroepbaar wordt voor AI-agents. Hieronder alles wat je nodig hebt om dat in te schatten en te bouwen, zonder marketing, met bronnen.

Wat het is

WebMCP is een voorgestelde open webstandaard (Google + Microsoft, in ontwikkeling bij het W3C, voorstel: webmachinelearning/webmcp op GitHub) waarmee een pagina functies registreert als aanroepbare tools op navigator.modelContext. Een browser-agent roept die tool aan in de live, ingelogde sessie van de gebruiker, in plaats van het DOM te scrapen en klikken te simuleren.

De status, eerlijk

• Origin trial in Chrome 149 (sinds juni 2026): met een token test je op productie, met echt verkeer.
• Geen afgeronde standaard: de API kan nog wijzigen. In maart 2026 zijn provideContext() en clearContext() geschrapt; tutorials die ze gebruiken zijn verouderd. De actuele surface is registerTool() / unregisterTool().
• Alleen Chrome: Edge-support wordt vaak geclaimd maar staat niet in Microsofts eigen releasenotes, zie onze browsersupport-matrix.

Zo bouw je het (progressive enhancement)

Feature-check eerst; zonder agent verandert er niets aan de site. Koppel execute aan de bestaande backend-logica van het formulier:

if (navigator.modelContext) {
  navigator.modelContext.registerTool({
    name: "plan_afspraak",
    description: "Plan een afspraak. Retourneert bevestiging en tijdslot.",
    inputSchema: {
      type: "object",
      properties: {
        datum: { type: "string", format: "date" },
        tijd:  { type: "string" }
      },
      required: ["datum", "tijd"]
    },
    async execute({ datum, tijd }) {
      const res = await fetch("/api/afspraak", {
        method: "POST",
        body: JSON.stringify({ datum, tijd })
      });
      return { content: [{ type: "text", text: await res.text() }] };
    }
  });
}

• Schema's strak houden: types, enums en verplichte velden, zodat de agent niets hoeft te raden.
• Descriptions feitelijk schrijven (wat doet de tool, wat komt terug), nooit als instructiekanaal richting de agent, zie de open securityvragen rond tool-descriptions en cross-origin chaining.
• Autorisatie via de bestaande sessie; de agentInvoked-flag is voor analytics, nooit voor toegang.
• Bij een SPA: unregisterTool() bij navigatie.

Stappenplan voor de offerte aan je klant

1. Draai de gratis Agent-Ready Scan op de site van de klant (meet aanroepbaarheid + verifieerbaarheid, methodiek volledig openbaar).
2. Kies één actie met duidelijk resultaat (afspraak, offerte, bestelling) en registreer die als eerste tool.
3. Vraag een origin-trial-token aan voor het domein en test op live verkeer.
4. Log de agentInvoked-flag mee in analytics, zodat de klant vanaf dag één een eigen agent-teller heeft.

Volledig stappenplan: de origin trial stap-voor-stap. Verouderde voorbeelden herkennen: de spec-changelog. Machine-leesbare docs: /docs.

Sneller leren?

Voor teams is er een halve-dag hands-on workshop (tool-ontwerp tot live in de origin trial, op een eigen klantcase), inclusief white-label scan voor je klanten.

Ondernemer en geen developer? Stuur deze pagina naar je webbouwer of bureau, dit is alles wat ze nodig hebben om je te offreren.