branchly®
Demo buchen
Alle Beiträge
TechnologieMarkus Linnenberg· 6 Min.

WebMCP: Was der neue Browser-Standard für deine Website bedeutet

WebMCP: Was der neue Browser-Standard für deine Website bedeutet

Das Internet lernt eine neue Sprache

Wenn du heute einen KI-Assistenten bittest, einen Flug zu buchen, ein Produkt zu finden oder ein Support-Ticket einzureichen, macht der Großteil der Agenten es auf die harte Tour: Er erstellt einen Screenshot der Seite, sucht die Schaltfläche, bewegt eine virtuelle Maus, klickt — und rät erneut, sobald sich das Design der Seite um ein Pixel verändert. Das ist langsam, teuer und fehleranfällig.

Stell dir nun vor, die Website sagt dem Agenten einfach: „Ich habe ein Tool namens searchProducts(destination, date). Rufe es auf, den Rest übernehme ich.“ Genau das macht WebMCP möglich.

WebMCP (Web Model Context Protocol) ist ein Browser-Standard, entwickelt von Google und Microsoft und derzeit als proposed Standard in der W3C WebML Community Group incubiert. Er ermöglicht es KI-Agenten, mit Websites über strukturierte Tools statt über Screenshots und Rateversuche zu interagieren. Denk an eine Speisekarte: Statt dass der Kellner rät, was du vielleicht willst, zeigst du darauf — und das Gericht wird serviert. WebMCP ist die Speisekarte, die deine Website den KI-Agenten in die Hand gibt.

Wenn du eine Website mit echtem Traffic betreibst — als Marketing-Team, Web-Manager oder Shop-Betreiber — ist das jetzt relevant, denn es verändert, wie KI deine Website findet, nutzt und auf ihr agiert.

Heute Nische, morgen Mainstream

Hier der ehrliche Teil: WebMCP ist derzeit eine Nischentechnologie für ein Nischenpublikum. Praktisch keine Website nutzt sie bisher, und die meisten Gespräche darüber finden unter Early-Adopter-Entwicklern und AI-Search-Optimierern statt. Wenn du bis zu diesem Artikel noch nichts davon gehört hast, bist du in der Mehrheit — und genau das ist der Punkt.

Was die Rechnung ändert, sind die Browser-Anbieter selbst. WebMCP-Abschnitte erscheinen bereits im Tooling, das Entwickler und Marketer täglich nutzen: Chrome DevTools und Lighthouse enthalten jetzt eigene WebMCP-Bereiche. Das ist ein starkes Signal. Wenn die eingebauten Entwicklertools eines Browsers und seine Performance-Audit-Suite erstklassigen Support für ein Protokoll mitliefern, hört es auf, ein Experiment zu sein, und wird Teil der Plattform-Roadmap. Browser-Support, der über Chrome, Edge und die Chromium-Familie mainstream wird, ist keine Frage des Ob mehr, sondern des Wann.

Dieses Timing ist für ein Unternehmen entscheidend. Die Websites, die ihre Aktionen früh strukturieren, sind die, die Agenten wählen, sobald die Nutzung die Schwelle überschreitet. Wie bei strukturierten Daten (Schema.org) zuvor bekommen die Early Mover die Aufmerksamkeit; der Rest geht leer aus. Sich jetzt vorzubereiten — solange das Publikum noch klein ist — bedeutet, nicht in Hektik zu verfallen, wenn es zum Standard wird.

WebMCP und MCP: zwei Protokolle, eine Richtung

Wenn WebMCP bekannt klingt, liegt das an MCP. Anthropics Model Context Protocol ist seit Ende 2024 der Standard, um KI-Anwendungen mit externen Systemen zu verbinden: ein Client-Server-Protokoll über JSON-RPC, das KI mit Datenbanken, Suchmaschinen, Kalendern und SaaS-Tools verbindet. Es ist der „USB-C-Anschluss für KI“ — ein standardisierter Weg, jede KI-App mit jedem Tool oder jeder Datenquelle zu verbinden.

WebMCP ist verwandt, aber anders. Es läuft im Frontend, im Browser, statt auf Backend-Servern. Wo MCP eine KI mit deinen APIs und Daten verbindet, verbindet WebMCP KI-Agenten mit deiner Website selbst — mit den Formularen, Suchen, Filtern und Buchungsflows, die Besucher täglich nutzen. Sie ergänzen sich, sie konkurrieren nicht: Das eine managt dein Backend, das andere macht dein Frontend agent-ready.

Wie WebMCP funktioniert: zwei Wege, wie eine Website mit einem Agenten spricht

WebMCP führt zwei Browser-APIs ein, mit denen eine Website ihre Fähigkeiten bereitstellen kann:

  1. Die deklarative API — der einfache, No-Code-Weg. Wenn deine Website bereits saubere HTML-Formulare hat, fügst du zwei Attribute hinzu — toolname="login" und tooldescription="Mit E-Mail und Passwort anmelden" — und das Formular wird zu einem KI-abrufbaren Tool. Gut strukturierte Formulare bringen dich schon auf die meiste Strecke dorthin.
  2. Die imperative API — für komplexe, dynamische Aktionen. Für reichhaltigere Flows wie das Filtern eines Produktkatalogs, eine Suche oder eine Buchung registrieren Entwickler Tools in JavaScript mit vollständigen Parameterbeschreibungen. Statt dass ein Agent durch Dropdowns klickt und Seiten scrollt, macht er einen strukturierten Aufruf und bekommt saubere Daten zurück.

Unter der Haube baut der Standard auf drei Ideen auf: Kontext (der Agent erhält das vollständige Bild, auch Inhalte, die nicht gerade auf dem Bildschirm sind), Fähigkeiten (die konkreten Aktionen, die ein Agent im Auftrag des Nutzers ausführen darf) und Koordination (ein Human-in-the-loop-Handoff — der Nutzer behält die Kontrolle, besonders bei sensiblen Aktionen).

Wie branchly passt: webMCP als Headless-Interface

Hier hört das Abstrakte auf. branchly ist der KI-Layer für deine Website — das, was in deiner Property sitzt und deine Besucher bedient: Chat, Suche, Navigation, Formulare und die Insight-Engine dahinter. Wenn wir darüber sprechen, wie deine Website agent-ready wird, übernimmt branchly die Schwerstarbeit bereits für dich.

Bei branchly ist webMCP eines der Headless-Interfaces, die wir bereitstellen — neben der Public API (für WhatsApp und ähnliche Kanäle) und Voice/Telefonie. Headless bedeutet: Die KI-Fähigkeit ist nicht an eine bestimmte Benutzeroberfläche gebunden; sie ist als programmierbare Oberfläche exponiert, die jeder Client aufrufen kann. webMCP ist das Headless-Interface für Browser-Agenten: externe KI-Assistenten, die auf deiner Website ankommen und tatsächlich etwas tun müssen.

Und hier kommt der Teil, der für dich zählt: Du schreibst keinen Code. Kein Scraper, keine registerTool-Aufrufe, kein Dev-Backlog. branchly übernimmt die Registrierung automatisch — es ist eine Einstellung in der branchly-Plattform.

Praktisch funktioniert es so: Wenn du einen KI-Agenten in deiner branchly-Plattform konfigurierst — seine Wissensquellen, seine Prompts, seine Guardrails (einschließlich der Frage, ob er Aktionen ausführen darf oder nur antwortet) —, registriert branchly diesen Agenten automatisch als webMCP-Tool auf deiner Seite. Aktiviere das webMCP-Interface in der Plattform, und jeder konfigurierte Agent ist als strukturiertes, dokumentiertes Tool exponiert, das Browser-Agenten aufrufen können. Du klickst eine Einstellung um; branchly macht den Rest.

Das gilt für jede Branche, in der Besucher auf deiner Website etwas erledigen wollen — ob Tourismusregion, Travel & Hospitality, öffentliche Einrichtung oder Bildungseinrichtung. Genau diese Aktionen werden zu webMCP-Tools.

Für die technisch Neugierigen — das registriert branchly hinter den Kulissen für dich:

// Wird automatisch von branchly registriert — kein Kundencode nötig
// Feature-Detect: navigator.modelContext (älter) || document.modelContext (aktuelle Spec)
const mc = document.modelContext ?? navigator.modelContext;
mc.registerTool({
  name: "search_knowledge",
  description: "Live-Website-Inhalte & Services durchsuchen",
  inputSchema: { type: "object", properties: { query: { type: "string" } } },
  execute: async ({ query }) => branchly.search(query),
});

Der Agent wird zu einem strukturierten, dokumentierten Tool, das ein Browser-Agent — oder der KI-Assistent eines Nutzers — zuverlässig aufrufen kann. Weil die Ausführung über branchly läuft, erbt sie alles, was die Plattform bereits bereitstellt: deine Wissensdatenbank als Source of Truth, deine konfigurierten Sicherheitsregeln und volle Nachvollziehbarkeit jedes Aufrufs. Das ist der Unterschied zwischen „ein Agent rät sich durch deine Website“ und „ein Agent nutzt ein Tool, das deine Plattform anbietet — sicher, ohne dass du die Browser-API anfassen musst.“

Was das für deine Website bedeutet

KI-Auffindbarkeit. Da KI-Assistenten zunehmend im Auftrag von Nutzern browsen, bevorzugen Agenten Websites, die klar offenlegen, was sie können. Eine Website mit webMCP-Tools ist strukturiert, selbstbeschreibend und leicht bedienbar. Eine statische Seite lässt den Agenten scrapen und raten.

Der Wandel von „Seite finden“ zu „Aufgabe erledigen“. Klassische Suche beantwortet „Welche Seite sollte ich lesen?“ Das Agenten-Web antwortet auf „Hilf mir, das zu erledigen.“ Wenn du deine Agenten als webMCP-Tools exponierst, nimmt deine Website teil — eine Produktsuche, eine Buchung, ein Ticket — statt zuzusehen, wie der Agent zum Wettbewerber weiterspringt, der seine Tools registriert hat.

Bessere Erfahrungen für die Menschen, die ohnehin ankommen. Weniger Umwege und kein fragiles Raten bedeuten schnellere, verlässlichere Interaktionen — sichtbar als höhere Zufriedenheit und weniger Abbrüche, dieselben Signale einer gesunden, vertrauenswürdigen Website.

Was du jetzt tun kannst (ohne zu übertreiben)

WebMCP ist früh, und du musst heute Abend keine eigene Browser-API implementieren. Aber die Richtung ist klar, und die zukunftssicheren Schritte sind günstig:

  1. Wissen, was deine Website kann. Dokumentiere deine wichtigsten Aktionen — Suche, Produktabfragen, Buchungen, Kontakt. Wenn du bereits einen KI-Layer betreibst, existiert diese Dokumentation größtenteils: Es sind deine konfigurierten Agenten.
  2. Deine Plattform exponieren lassen. Wenn du branchly nutzt, baust du die webMCP-Integration nicht selbst. Deine konfigurierten KI-Agenten sind bereits als webMCP-Tools registriert und werden sicher über die Plattform ausgeführt — mit Wissensdatenbank und Guardrails intakt.
  3. Das Browser-Tooling beobachten. Dass DevTools und Lighthouse webMCP-Bereiche mitführen, ist dein Frühindikator. Sobald der volle Chromium-Support landet, werden agent-ready-Websites zur Standarderwartung — und du bist bereits eingerichtet.
  4. Menschen die Kontrolle behalten lassen. Der Standard ist für kooperative Human-in-the-loop-Workflows ausgelegt. Gestalte für den Nutzer, der bestätigt und steuert — dann bist du ohnehin da, wo das Web hingeht.

Der Browser wird agent-native

Dreißig Jahre lang war das Web für Augen gebaut. Die nächste Version wird für Agenten und Menschen zusammen gebaut — und zum ersten Mal gibt es einen echten Standard, um das zuverlässig zu tun. Das Publikum, das WebMCP heute nutzt, ist eine Nische. Aber mit WebMCP im Standard-Entwickler-Tooling und Browser-Support auf dem Weg in den Mainstream ist das eine Frage der Zeit, nicht der Möglichkeit.

Websites, die jetzt beschließen, offenzulegen, was sie können — und das mit einem echten On-Site-KI-Layer kombinieren, der die Arbeit macht —, überstehen den agentischen Wandel nicht nur. Sie werden die sein, die Agenten wählen, und die, von denen Besucher tatsächlich Hilfe bekommen.

Ob ein Assistent deinen Flug bucht oder dein Produkt findet, die Regel ist dieselbe: Mach es dem Agenten leicht, und der Mensch, der gefragt hat, bekommt genau das, was er wollte. Mit branchly ist diese Leichtigkeit bereits ein konfigurierter KI-Chatbot auf deiner Plattform — bereit, ein webMCP-Tool zu sein, sobald die KI deiner Besucher klopft.

FAQ

Was ist WebMCP?

WebMCP (Web Model Context Protocol) ist ein Browser-Standard, entwickelt von Google und Microsoft und derzeit als proposed Standard in der W3C WebML Community Group incubiert. Er ermöglicht es KI-Agenten, mit Websites über strukturierte Tools statt über Screenshots und Rateversuche zu interagieren. Eine Website veröffentlicht die Aktionen, die sie ausführen kann — Suche, Filter, Buchung, Absenden — und ein KI-Agent ruft sie als dokumentierte Tools auf, so wie ein Kellner eine Speisekarte nutzt, statt zu raten, was darauf steht.

Worin unterscheidet sich WebMCP von MCP?

MCP (Model Context Protocol) wurde von Anthropic entwickelt und verbindet KI-Anwendungen über ein Client-Server-Protokoll mit externen Systemen — Datenbanken, Suchmaschinen, SaaS-Tools. WebMCP läuft im Browser und verbindet KI-Agenten mit der Oberfläche der Website selbst. Sie ergänzen sich: Das eine managt deine Backend-Integrationen, das andere macht dein Frontend agent-ready.

Funktioniert WebMCP heute schon in Chrome?

Es ist früh. WebMCP ist ein vorgeschlagener Standard, und heute brauchst du ein experimentelles Flag — Early Preview in Chromium mit #enable-webmcp-testing bzw. einen Origin Trial ab Chrome 149 — statt Out-of-the-Box-Support. Beobachtenswert ist das Momentum der Browser-Anbieter: Chrome DevTools und Lighthouse enthalten inzwischen eigene WebMCP-Bereiche, und Browser-Support in der Chromium-Familie wird Mainstream — eine Frage der Zeit. Wer sich jetzt vorbereitet, gerät später nicht in Hektik.

Was bedeutet WebMCP für die KI auf meiner Website?

WebMCP ist das Headless-Interface für Browser-Agenten: externe KI-Assistenten, die auf deiner Website ankommen und tatsächlich etwas tun müssen. Wenn du branchly einsetzt, wird jeder KI-Agent, den du in der Plattform konfigurierst, als webMCP-Tool registriert — externe Agenten können deine Chat-, Such- oder Navigationsfähigkeiten über strukturierte, dokumentierte Tools aufrufen, sicher ausgeführt über die Plattform mit Wissensdatenbank und Guardrails intakt.

Muss ich die webMCP-Integration selbst bauen?

Nein. Mit branchly pflegst du keine Tool-Liste von Hand und keine fragile Scraping-Logik. Du konfigurierst deine Agenten in der Plattform — mit Wissensquellen, Prompts und Guardrails —, und branchly exponiert sie als webMCP-Tools, die sicher ausgeführt werden. Du bekommst Agent-Readiness, ohne eine Browser-API von Grund auf zu bauen.

Wie mache ich meine Website agent-ready?

Zwei Fragen: Was kann meine Website, was ein Besucher erledigt haben will? Und: Welche dieser Aktionen darf ein Agent ausführen? Dokumentiere die Aktionen — Suche, Produktabfrage, Buchung, Kontakt — und stelle sie als strukturierte, dokumentierte Tools bereit. Bei branchly heißt das: das webMCP-Headless-Interface aktivieren und die KI-Agenten mit Wissensquellen und Guardrails konfigurieren; branchly registriert sie automatisch als webMCP-Tools auf deiner Seite. Es ist eine Checkliste, kein Umbau.

Willst du ein konkretes Vorgehen für deine Website? Demo buchen.

Ist WebMCP sicher?

Sicherheit und menschliche Kontrolle sind zentrale Anliegen des Standards. Er baut auf Koordination — einem Human-in-the-loop-Handoff, bei dem der Nutzer die Kontrolle behält, besonders bei sensiblen Aktionen wie Zahlungen oder Kontoänderungen. Läuft die Ausführung über eine Plattform wie branchly, erbt sie deine konfigurierten Sicherheitsregeln und volle Nachvollziehbarkeit jedes Aufrufs.

Sollte ich WebMCP jetzt implementieren?

Du musst heute Abend keine eigene Implementierung angehen, aber die Zukunftssicherung ist günstig: Wissen, was deine Website kann, die Aktionen von einem KI-Layer exponieren lassen, das Browser-Tooling als Adoptions-Frühindikator beobachten und Menschen die Kontrolle behalten lassen. Websites, die ihre Aktionen früh strukturieren, sind die, die Agenten wählen, sobald die Nutzung die Schwelle überschreitet.

Weitere Beiträge