Hoe maak je jouw website klaar voor WebMCP?
Stap-voor-stap gids (2026)
WebMCP is actief in Google Chrome. AI-assistenten zoals ChatGPT, Claude en Gemini kunnen nu direct acties uitvoeren op websites — formulieren invullen, producten zoeken, afspraken inplannen. Maar alleen op sites die zich daarvoor hebben aangemeld. De rest wordt overgeslagen.
In dit artikel lees je precies wat je moet doen om jouw website WebMCP-ready te maken — van nulmeting tot implementatie en monitoring.
Wat doet WebMCP precies?
WebMCP is een browser-protocol van Google Chrome waarmee een website aan AI-agents kan vertellen welke acties er beschikbaar zijn. Denk aan: een contactformulier invullen, een product toevoegen aan een winkelwagen, een offerte aanvragen. Websites die dit implementeren worden door AI actief gebruikt. Websites die dat niet doen, worden genegeerd — ook al heeft de content wel waarde.
Het verschil met server-side MCP is dat WebMCP in de browser draait — geen aparte server nodig, gewoon een stukje JavaScript op je bestaande site.
Op 28 juli 2026 wordt de MCP spec bijgewerkt.
Nieuwe versie, nieuwe mogelijkheden voor AI-agents. Websites die nu klaarstaan profiteren direct. Websites die wachten lopen verder achter.
Stap 1: Weet wat AI nu al ziet op jouw site
Voordat je iets implementeert, moet je weten wat de huidige situatie is. Wat ziet een AI-agent als die jouw website bezoekt? Welke formulieren herkent het? Welke knoppen? Welke acties zijn bruikbaar — en welke niet?
Dit handmatig nalopen kost uren en vereist technische kennis over hoe AI-agents HTML en DOM-structuur interpreteren. AgentPrep doet dit automatisch: vul je URL in en je krijgt binnen 30 seconden:
- Een AI-readiness score (0–100)
- Een lijst van alle acties die AI-agents kunnen uitvoeren op jouw site
- Wat er ontbreekt of geblokkeerd is
- Een veiligheidslabel per actie (safe / moderate / sensitive)
Stap 2: Bepaal welke acties je wil aanbieden
Niet elke actie op je website hoef je beschikbaar te stellen voor AI-agents. Een contactformulier: prima. Een betalingsproces: misschien niet zonder extra verificatie. Dit noemen we de tool-verificatie — jij bepaalt wat AI mag doen op jouw site.
| Actie | Aanbeveling |
|---|---|
| Contactformulier invullen | ✅ Aanbieden — laag risico, hoge waarde |
| Productinformatie opvragen | ✅ Aanbieden — AI-agents zoeken dit actief |
| Prijzen en beschikbaarheid | ✅ Aanbieden — essentieel voor B2B vergelijking |
| Offerte aanvragen | ✅ Aanbieden — directe leadgeneratie |
| Betaling uitvoeren | ⚠️ Alleen met extra verificatiestap |
| Account aanmaken | ⚠️ Hangt af van jouw privacybeleid |
In het AgentPrep dashboard zie je welke acties gevonden zijn op jouw site en kun je per actie kiezen of je die beschikbaar stelt. Geen technische kennis vereist.
Stap 3: Implementeer — 1 regel code
Als je hebt bepaald welke tools je wil aanbieden, genereert AgentPrep een snippet: één regel JavaScript die je in de <head> van je website plakt. Dat is alles.
<script src="https://cdn.agentprep.nl/snippet.js"
data-site-id="jouw-site-id"></script>
De snippet laadt de WebMCP-tools die jij hebt geverifieerd. AI-agents in Chrome ontdekken deze tools automatisch wanneer ze jouw site bezoeken.
Werk je met WordPress, Shopify of een ander CMS? De snippet werkt overal waar je HTML kunt aanpassen — geen plugin, geen serverwijzigingen.
Stap 4: Monitor — websites veranderen
WebMCP-ready zijn is geen eenmalige actie. Zodra je website verandert — nieuwe pagina's, aangepaste formulieren, een ander menu — kunnen de AI-tools verouderd raken. Een agent die een actie probeert uit te voeren die niet meer bestaat, faalt. En een falende agent kiest de volgende keer een andere website.
AgentPrep scant je site wekelijks of maandelijks opnieuw en stuurt je een melding als er iets veranderd is. Zo blijf je altijd actueel zonder dat je er actief aan hoeft te denken.
Waarom niet zelf implementeren?
Technisch gezien kun je WebMCP handmatig implementeren via navigator.modelContext.registerTool(). Maar dat vereist:
- Handmatig alle acties op je site in kaart brengen (formulieren, knoppen, flows)
- JavaScript schrijven voor elke tool-definitie
- Veiligheidsclassificaties bepalen per actie
- Bijhouden welke Chrome-versie welke API-versie ondersteunt
- Alles opnieuw doen bij elke website-update
AgentPrep automatiseert dit volledig — van de nulmeting tot de gegenereerde snippet tot de wekelijkse monitoring. Voor bureaus die dit voor meerdere klanten willen aanbieden is er een multi-site dashboard.
Hoe scoort jouw website nu?
Gratis scan — geen account nodig. Je ziet binnen 30 seconden wat AI-agents op jouw site kunnen doen.
Start gratis scanGeen creditcard. Geen account. Resultaat in 30 seconden.