MCP vs WebMCP: wat heeft jouw website nodig?
Twee acroniemen, allebei “MCP”, allebei in hetzelfde nieuws. Maar ze zijn fundamenteel anders. MCP (Anthropic/AAIF) is een backend-protocol dat AI-agents verbindt met servers en databases. WebMCP (Google Chrome) is een browser-protocol dat AI-agents laat werken op live websites. Voor de meeste bedrijven is WebMCP het directe startpunt — en MCP komt later.
Korte versie
MCP = een AI-agent koppelen aan jouw backend, database of API.
WebMCP = een AI-agent laten werken op jouw website zoals een mens dat doet.
Voor website-eigenaren: begin met WebMCP. MCP is voor later.
MCP: de server-side standaard
Model Context Protocol werd in november 2024 gepubliceerd door Anthropic en is inmiddels een open standaard onder de Agentic AI Infrastructure Foundation (AAIF). Het protocol maakt het mogelijk dat AI-taalmodellen communiceren met externe tools: GitHub-repositories, Slack-kanalen, PostgreSQL-databases, interne APIs.
MCP werkt via JSON-RPC 2.0 over een serververbinding. De AI-agent stuurt een verzoek naar een MCP-server (“welke bestanden staan in deze map?”), en de server antwoordt met de data of voert de actie uit. Het is puur server-side — er is geen browser bij betrokken.
Praktijkvoorbeel MCP
Een ontwikkelaar vraagt aan Claude: “Analyseer alle openstaande GitHub issues en maak een prioriteitslijst.” Claude gebruikt een MCP-server die verbinding heeft met de GitHub API, haalt alle issues op en verwerkt ze. Alles server-side, geen browser.
WebMCP: de browser-side standaard
WebMCP is een protocol dat Google Chrome vanaf versie 149 aanbiedt als Origin Trial. Het werkt fundamenteel anders dan MCP: in plaats van een serververbinding, loopt alles via de browser.
Een website implementeert WebMCP door een JavaScript-bestand toe te voegen dat beschrijft wat AI-agents op de site kunnen doen: “voeg dit product toe aan het winkelmandje”, “vul dit contactformulier in”, “boek een afspraak op dit tijdstip”. Een Chrome-extensie of ingebouwde browser-AI leest die beschrijvingen en voert de acties uit alsof een mens de muis bedient.
Praktijkvoorbeeld WebMCP
Een gebruiker vraagt aan een AI-assistent: “Bestel voor me die sneakers in maat 42 bij die webshop.” De AI-agent opent de webshop in Chrome, leest de WebMCP-tools van de pagina en voert de bestelling uit. Alles in de browser, geen backend-koppeling vereist.
Vergelijking: MCP vs WebMCP
| Eigenschap | MCP | WebMCP |
|---|---|---|
| Ontwikkeld door | Anthropic → AAIF | Google Chrome team |
| Draait op | Server-side | Browser-side |
| Vereist backend? | Ja — server met MCP-implementatie | Nee — alleen JavaScript op de pagina |
| Wat kan het? | Databases, APIs, bestanden, code | Formulieren, winkelwagens, boekingen |
| Voor wie? | Ontwikkelaars van AI-tools | Website-eigenaren |
| Status | Open standaard (AAIF) | Origin Trial Chrome 149+ |
| Laag in AI-readiness | Laag 3 (autonomie) | Laag 2 (functionaliteit) |
Hoe passen ze samen?
MCP en WebMCP vullen elkaar aan — ze zitten op twee verschillende lagen van de AI-readiness stack:
Ontdekbaarheid
GEO-geoptimaliseerde content. AI kan je vinden en citeren.
Functionaliteit WebMCP
AI kan iets doen op je website. Bestellen, boeken, aanvragen.
Autonomie MCP + WebMCP
Volledige autonome beslissingen door AI-agents. Vereist laag 1 én 2.
Een volledig autonome AI-agent (laag 3) heeft uiteindelijk beide protocollen nodig: MCP voor backend-integraties en redenering over data, WebMCP voor interactie met de live website. Maar laag 2 staat eerder. Zonder WebMCP heeft een AI-agent geen enkele manier om acties uit te voeren op je site — ongeacht hoe goed je content is.
Welke heb jij nodig?
Je bent een website-eigenaar of e-commerce partij
Start met WebMCP. Je wilt dat AI-agents producten kunnen bestellen, formulieren kunnen invullen en afspraken kunnen boeken. Dat is laag 2. MCP is pas relevant als je ook een backend-API wilt openstellen voor AI-platforms.
Je bouwt een AI-toepassing of platform
Dan is MCP jouw startpunt — voor het koppelen van jouw systemen aan AI-modellen. WebMCP is aanvullend als je ook wilt dat jouw AI-tool websites kan bedienen.
Hoe implementeer je WebMCP?
WebMCP implementeren vereist een JavaScript-integratie die beschrijft welke acties AI-agents op je pagina kunnen uitvoeren. Dit moet per pagina correct geconfigureerd zijn — een winkelwagenpagina heeft andere tools nodig dan een contactpagina.
AgentPrep automatiseert dit proces: we analyseren je website, bepalen welke tools logisch zijn per pagina, en genereren de WebMCP-configuratie. Je hoeft geen code te schrijven.
Check welke laag jouw website zit
Gratis scan in 60 seconden. We laten zien of je klaar bent voor laag 2.
Scan mijn websiteBronnen