Gepubliceerd: 11 maart 2026
In februari kondigden we aan dat WebMCP beschikbaar is voor het early preview-programma . Nu AI-agents steeds vaker in browsers voorkomen, horen we webontwikkelaars vaak de vraag stellen: "Zal WebMCP Model Context Protocol (MCP) vervangen?"
Hoewel ik begrijp waarom je deze vraag stelt, is deze gebaseerd op een misverstand. Je hoeft niet te kiezen tussen MCP en WebMCP om een agent-ervaring te creëren. WebMCP is geen uitbreiding of vervanging van MCP. WebMCP en MCP voorzien juist in verschillende behoeften. WebMCP stelt je in staat om het doel van applicatiefuncties te verduidelijken en een browseragent extra mogelijkheden te bieden om met je website te interageren.
Een goede analogie is het verschil tussen een callcenter voor klantenservice van een bedrijf en een expert in de winkel.
- MCP is op elk platform en op elk moment beschikbaar. Het kan gegevens ophalen en essentiële taken uitvoeren wanneer dat nodig is.
- WebMCP is alleen beschikbaar op uw website. Websites zijn doorgaans gebruikersinterfaces (UI's) die ontworpen zijn voor mensen, niet voor machines. WebMCP helpt agents om de UI beter te begrijpen.
Samen helpen ze agenten bij het uitvoeren van gepersonaliseerde taken namens menselijke gebruikers.
Functies en doel
Beide technologieën delen dezelfde filosofie: een gestandaardiseerde en betrouwbare manier creëren waarop applicaties hun tools beschikbaar kunnen stellen aan AI-agenten.
In de praktijk houdt dit het volgende in:
- Gestructureerde toolontdekking: Deze methode biedt een machineleesbare manier voor een agent om te vragen: "Wat kun je doen?" en een duidelijke lijst te krijgen van beschikbare tools, hun parameters en hun doel.
- Voorspelbare uitvoering: Ze vervangen giswerk door expliciete functieaanroepen. Een agent roept een gedefinieerd hulpmiddel aan. Dit leidt tot een voorspelbaar resultaat, in tegenstelling tot het simuleren van een klikpatroon dat kan veranderen.
- Duidelijke intentie: Ze verklaren expliciet de mogelijkheden. Zonder WebMCP en MCP moeten agents gissen welke actie ze moeten ondernemen op basis van hun begrip van de gebruikersinterface. Met WebMCP en MCP weten agents met zekerheid hoe een bepaalde functie zou moeten werken, zonder dat ze acties hoeven af te leiden uit elementen van de gebruikersinterface.
Het belangrijkste verschil tussen beide is waar de applicatiefunctionaliteit zich bevindt.
MCP is voor de backend.
Het Model Context Protocol (MCP) is een standaard die AI-agenten (al dan niet browsergebaseerd) verbindt met externe systemen, waaronder databronnen, tools en workflows. Het protocol is universeel, maakt vaak gebruik van JSON-RPC en wordt geïmplementeerd via taalspecifieke SDK's, zoals Rust, Python en TypeScript.
WebMCP is voor de frontend.
WebMCP is een voorgestelde browserstandaard met twee API's die uitsluitend communiceren met de ingebouwde agent van een browser. Je kunt deze API's implementeren met JavaScript of HTML-attributen. De browser fungeert als de communicatie-eenheid tussen je website en de agent.
Beschouw WebMCP als een set "MCP-geïnspireerde" API's, in plaats van een directe JavaScript-implementatie van MCP. WebMCP is specifiek ontwikkeld voor de browser en laat diverse server-side concepten, zoals resources, achterwege.
Bepaal hoe agenten toegang krijgen tot uw website.
Met WebMCP kunt u bepalen hoe agents met uw website communiceren. Dit biedt diverse belangrijke voordelen:
- Snelheid en betrouwbaarheid: Omdat WebMCP gebruikmaakt van de interne systemen van de browser, verloopt de communicatie tussen de client en de tool vrijwel direct. U hoeft niet te wachten op een retourverzoek naar een externe server.
- Gebouwd voor duurzaamheid: WebMCP-tools maken verbinding met de applicatielogica, niet met het ontwerp. Dit betekent dat u uw website kunt herontwerpen zonder dat dit de mogelijkheid van een agent om er correct mee te interageren verstoort.
- Jij hebt de controle: je definieert duidelijk de gewenste manier waarop een agent met je site moet interageren, in plaats van te hopen dat de agent zelf de juiste knop vindt. Je definieert de logica van je applicatie op een manier die de agent begrijpt, waardoor je hem direct begeleidt in plaats van te hopen dat hij acties afleidt uit de gebruikersinterface.
Beheer de toegang tot de gebruikersinterface
Om het verschil te begrijpen, moet je je afvragen: "Wie is de eigenaar van de gebruikersinterface?" MCP-apps renderen de gebruikersinterface van je applicatie binnen de gebruikersinterface van de agent. Je interface moet aan deze beperkingen voldoen en vereist een nieuwe, aparte applicatie.
WebMCP helpt agents om in realtime met uw bestaande website te communiceren. Het heeft toegang tot live sessiegegevens, cookies en DOM-elementen die alleen beschikbaar zijn in een actief browsertabblad. In plaats van dat uw applicatie een gast is binnen een agent, is de agent een gast op uw platform.
Belangrijk is dat WebMCP-tools tijdelijk zijn. Ze bestaan alleen zolang uw pagina open is. Zodra de gebruiker uw site verlaat of het tabblad sluit, heeft de agent geen toegang meer tot uw site en kan deze geen acties meer uitvoeren.
Gebruik WebMCP en MCP
Bij het kiezen van de juiste oplossing voor specifieke functies of eigenschappen, moet rekening worden gehouden met de context en de beschikbaarheid:
| MCP | WebMCP | |
|---|---|---|
| Doel | Maakt gegevens en acties overal en altijd beschikbaar voor agenten. | Hiermee wordt een live website gereedgemaakt voor directe interactie met medewerkers zodra een gebruiker de site bezoekt. |
| Levenscyclus | Permanent (server en daemon) | Tijdelijk (met tabbladen) |
| Connectiviteit | Wereldwijd (desktop, mobiel, cloud, web) | Omgevingsspecifiek (browseragents) |
| UI-interactie | Zonder kop en extern | Browsergeïntegreerd en DOM-bewust |
| Ontdekking | Agentspecifieke registratiestromen | Hulpmiddelen die tijdens het bezoek van de gebruiker op de webpagina zijn geregistreerd. |
| Gebruiksvoorbeeld | Voert API-acties op de achtergrond uit. | Navigeren en uitvoeren op een live webinterface. |
De meest effectieve agentgebaseerde applicaties maken gebruik van zowel MCP als WebMCP om te profiteren van de sterke punten van beide technologieën.
- Beheer de kernlogica met MCP: Uw MCP-server fungeert als een fundamentele servicelaag. Deze beheert de essentiële bedrijfslogica, het ophalen van gegevens en achtergrondtaken. Dit zorgt ervoor dat uw service platformonafhankelijk is en altijd beschikbaar is voor agents.
- Bouw een contextuele gebruikersinterface met WebMCP: WebMCP is de laatste stap, een directe verbinding voor agents met uw website. Het is ontworpen voor contextuele interacties binnen de browser, waardoor een agent namens de gebruiker snel en betrouwbaar kan handelen terwijl uw website openstaat.
Beschouw MCP en WebMCP als partners, niet als concurrenten. WebMCP biedt een zeer nauwkeurige manier voor een browsergebaseerde AI-agent om te interageren met de specifieke wereld die de gebruiker in zijn of haar tabblad ziet.
Wat volgt?
Klaar om uw website agent-compatibel te maken? U kunt vandaag nog beginnen met experimenteren met WebMCP door deel te nemen aan het Early Preview Program .
Uw feedback is cruciaal voor de vormgeving van de toekomst van deze standaard.