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 van de Web Machine Learning Community Group (Draft Community Group Report, geen W3C Standard of standards-track Recommendation; voorstel: webmachinelearning/webmcp op GitHub) waarmee een pagina functies registreert als aanroepbare tools op document.modelContext (de spec verhuisde daarheen op 21 juli 2026; navigator.modelContext is sinds Chrome 150 deprecated maar werkt nog tijdens de origin trial). 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 document.modelContext.registerTool() met een AbortSignal voor unregistratie (unregisterTool() is in april 2026 geschrapt).
• Chrome, en sinds kort ook Edge: Chrome draait de trial van 149 t/m 156. Microsofts releasenotes voor Edge 152 (27 augustus 2026) noemen WebMCP nu ook als origin trial, dus mét registratie, niet als native support. 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:

// document.modelContext is de actuele API-root.
const mc = document.modelContext;
if (mc) {
  mc.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() }] };
    }
  });
}

Alleen wanneer je aantoonbaar Chrome 149 moet ondersteunen, kun je een aparte compatibility-laag voor navigator.modelContext behouden. Nieuwe implementaties en alle primaire voorbeelden horen document.modelContext te gebruiken.

• 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: geef een AbortSignal mee aan registerTool en roep abort() aan bij navigatie (unregisterTool() is in april 2026 uit de spec verwijderd).

Stappenplan voor de offerte aan je klant

1. Draai de gratis AI-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.