WebMCP · ab CHF 650

WebMCP — Ihre Website agent-ready.

WebMCP ist ein vorgeschlagener Web-Standard, mit dem Websites strukturierte Tools für KI-Agenten bereitstellen — statt DOM-Scraping. Wir implementieren den Standard für Schweizer KMU als progressive enhancement.

WebMCP anfragen →Mehr erfahren

Von Willy Rüegg, Gründer von Webdesign-AI · Greifensee·Aktualisiert August 2026

~40+DOM-Knoten, die ein Agent beim Scrapen parsen muss — vs. 3 strukturierte Tools mit WebMCP (Quelle: web.dev)

Chrome 149Origin Trial läuft ab Chrome 149 bis 156 (November 2026) — dann entscheidet Chrome über Standardisierung

W3CIncubiert im WebML Working Group von Microsoft und Google — kein proprietäres Format

Was ist WebMCP und warum ist es wichtig?

KI-Agenten interagieren zunehmend mit Websites im Browser — Google Chrome integriert Gemini, Microsoft Edge integriert Copilot. Ohne strukturierte Schnittstelle muss ein Agent das DOM scrapen: er nimmt einen Screenshot der Seite, liest Texte aus der Accessibility-Tree oder dem HTML-Code und versucht, Buttons und Formularfelder zu interpretieren. Dieser Prozess ist langsam, fehleranfällig und angreifbar durch Prompt-Injection.

WebMCP (Web Model Context Protocol) löst dieses Problem: die Website deklariert ihre Funktionalitäten als strukturierte Tools — mit Namen, Beschreibung und JSON-Schema für Eingabeparameter. Der Agent sieht einen Vertrag, liefert strukturierte Argumente und der Code der Website erledigt den Rest. Der Nutzer bleibt in der Kontrolle: sensible Aktionen wie Käufe können einen Bestätigungsdialog auslösen.

Der Standard wird von Microsoft und Google im W3C WebML Working Group incubiert. Chrome bietet einen Origin Trial ab Version 149 bis 156 (Ende November 2026). TypeScript-Typdefinitionen sind als webmcp-types npm-Paket verfügbar. Angular und React bieten experimentelle WebMCP-Integrationen.

Wie funktioniert WebMCP?

WebMCP funktioniert in drei Schritten: die Website registriert Tools, der Browser stellt sie Agenten zur Verfügung, und der Agent ruft sie direkt auf statt zu raten.

1. Website registriert Tools

Auf jeder Seite deklariert die Website die Aktionen, die ein Agent ausführen kann. Jedes Tool hat einen Namen, eine Beschreibung und ein JSON-Schema — dieselbe Struktur wie ein serverseitiges MCP-Tool.

2. Der Browser stellt die Tools bereit

Eine WebMCP-fähige Erweiterung — oder künftig der Browser selbst — sammelt die registrierten Tools und stellt sie dem Agenten zur Verfügung, zusammen mit URL, Titel und Origin-Permission-Scope der Seite.

3. Agent ruft auf statt zu raten

Statt «finde den richtigen Button» sieht der Agent einen Vertrag, liefert strukturierte Argumente und der Code der Website erledigt den Rest. Der Nutzer bleibt in der Schleife — für Bestätigung und Erlaubnis bei sensiblen Aktionen.

Zwei Wege: Imperativ oder Deklarativ

WebMCP bietet zwei APIs, die je nach Aufwand und Kontrolle gewählt werden:

Kriterium	Deklarative API	Imperative API
Aufwand	Gering — HTML-Attribute auf Formularen	Höher — JavaScript mit JSON-Schema
Preis ab	CHF 650	CHF 1 200
Kontrolle	Basis — Browser interpretiert Formular	Voll — eigene execute-Funktion
Refactoring	Keines — bestehende Formulare bleiben	Eventuell — JS-Wrapping um Logik
Framework	Angular, React (experimentell)	Angular, React (experimentell)
Beispiel	Kontaktformular, Buchungsformular	Suche mit Filtern, mehrstufige Wizards

Für die meisten Schweizer KMU empfiehlt sich die deklarative API als Einstieg: bestehende Formulare erhalten toolname und tooldescription-Attribute — kein JavaScript-Refactoring nötig. Die imperative API eignet sich für komplexere Interaktionen wie mehrstufige Buchungsprozesse oder dynamische Filter.

Sicherheit und Berechtigungen

WebMCP ist abgesichert durch Origin-Isolation und Permissions Policy. Tool-Registrierung ist standardmässig nur in same-origin-Kontexten erlaubt. Cross-Origin-iframes benötigen explizite Freigabe über allow="tools" im iframe-Tag und exposedTo im Tool.

Sensible Aktionen wie Käufe sollten immer einen Bestätigungsdialog auslösen. DieuntrustedContentHint-Annotation markiert Tools, die nutzergenerierte Inhalte zurückgeben — der Agent weiss, dass diese Daten erhöhte Prüfung benötigen.readOnlyHint markiert Tools ohne Statusänderung, sodass der Agent bessere Entscheidungen über Bestätigungsdialoge trifft.

WebMCP in der Praxis: unsere eigene Implementierung

Webdesign-AI hat WebMCP in der eigenen Website umgesetzt — als Referenz-Implementierung für Schweizer KMU. Der MCP-Endpoint unter /mcp/ liefert strukturierte Daten an KI-Agenten über das Model Context Protocol (JSON-RPC über HTTP). Die browserseitigeWebMCP-Integration (/webmcp.js) registriert dieselben Tools vianavigator.modelContext — für In-Browser-Agenten wie Gemini in Chrome.

Verfügbar sind vier Tools: firmenprofil (Kontakt- und Standortdaten),leistungen_liste (kompletter Leistungskatalog mit CHF-Preisen),leistung_details (Details zu einer einzelnen Leistung) undanfrage_senden (Projektanfrage — nur mit ausdrücklicher Nutzer-Zustimmung).

WebMCP-Implementierung für Ihre Website

Wir implementieren WebMCP in drei Phasen: Analyse Ihrer bestehenden Formulare und Interaktionsmöglichkeiten, Registrierung der Tools (deklarativ oder imperativ) und Verkabelung mit Ihren bestehenden Backend-Funktionen. Die Implementierung dauert typischerweise 2–5 Tage je nach Komplexität.

1Audit Ihrer Website: Welche Formulare und Funktionen eignen sich als Tools?
2Deklarative oder imperative API — je nach Komplexität und Kontrollbedarf
3JSON-Schema für jedes Tool: klare Namen, Beschreibungen und Typen
4Sicherheit: Permissions Policy, Origin-Isolation, Bestätigungsdialoge
5Test mit der WebMCP Inspector-Erweiterung von Google Chrome
6Deployment als progressive Enhancement — ohne API-Support funktioniert alles normal

Häufige Fragen

Was ist WebMCP?+

WebMCP (Web Model Context Protocol) ist ein vorgeschlagener Web-Standard, der es Websites ermöglicht, strukturierte Tools für KI-Agenten bereitzustellen. Anstatt dass ein Agent das DOM scrapen muss, ruft er deklarierte Funktionen mit definierten Eingabeparametern auf — schneller, zuverlässiger und mit weniger Token-Aufwand. Der Standard wird von Google Chrome und Microsoft im W3C WebML Working Group incubiert.

Was kostet eine WebMCP-Implementierung?+

Eine WebMCP-Integration beginnt bei CHF 650 für die deklarative Variante (HTML-Attribute auf bestehenden Formularen) und ab CHF 1 200 für die imperative Variante (JavaScript mit JSON-Schema). Die genaue Implementierung kostet je nach Komplexität der Website und Anzahl der freizugebenden Tools zwischen CHF 650 und CHF 3 000.

Warum sollte ich WebMCP einsetzen?+

KI-Agenten werden zunehmend im Browser eingesetzt — Google Chrome integriert Gemini, Microsoft Edge integriert Copilot. Wenn Ihre Website keine strukturierte Schnittstelle bietet, muss der Agent das DOM scrapen, was langsam, fehleranfällig und angreifbar ist. WebMCP liefert eine definierte Vertragsebene zwischen Website und Agent — vergleichbar mit einer API, aber direkt im Browser.

Ist WebMCP production-ready?+

WebMCP befindet sich in einem Origin Trial bei Google Chrome (Chrome 149–156, bis November 2026). Die API kann sich noch ändern. Für Schweizer KMU empfehlen wir eine progressive Enhancement-Strategie: WebMCP-Tools zusätzlich zur bestehenden Website registrieren — ohne API-Support funktioniert die Website weiterhin normal, mit API-Support profitieren agentengestützte Besucher von schnelleren, zuverlässigeren Interaktionen.

Was ist der Unterschied zwischen MCP und WebMCP?+

MCP (Model Context Protocol) ist das serverseitige Protokoll, das KI-Modelle wie Claude, ChatGPT und Gemini mit externen Datenquellen verbindet — typischerweise über eine separate Server-Verbindung. WebMCP ist die browserseitige Entsprechung: Websites registrieren Tools direkt über JavaScript (navigator.modelContext), sodass In-Browser-Agenten strukturiert zugreifen können, ohne einen separaten Server aufrufen zu müssen.

Welche Tools sollte ich als WebMCP-Tools freigeben?+

Jedes Tool sollte eine einzelne, klar abgegrenzte Funktion abbilden — zum Beispiel «search», «book_appointment» oder «get_order_status». Vermeiden Sie überlappende Tools, damit der Agent das richtige wählt. Typische Kandidaten sind Such- und Filterfunktionen, Formular-Ausfüll-Helfer, Buchungs- und Bestellprozesse und Diagnose-Funktionen. Tools mit Schreibzugriff (z. B. Kauf abschliessen) sollten immer eine Bestätigung durch den Nutzer verlangen.

Ist Webdesign-AI die einzige Agentur, die WebMCP anbietet?+

WebMCP ist ein neuer Standard und wenige Schweizer Agenturen bieten die Implementierung aktuell an. Webdesign-AI hat den Standard in der eigenen Website umgesetzt — der MCP-Endpoint unter /mcp/ liefert strukturierte Daten an KI-Agenten, und die browserseitige WebMCP-Integration registriert dieselben Tools via navigator.modelContext. Wir implementieren denselben Ansatz für unsere Kunden.

Quellen und Aktualität

⌗WebMCP — web.dev ArtikelOffizielle Einführung von Alexandra Klepper (Google Chrome) — Stand August 2026. — web.dev/articles/webmcp
⌗WebMCP GitHub-Repository (W3C WebML)Spezifikation, Explainer und Diskussions-Threads — 3 100+ Stars. — github.com/webmachinelearning/webmcp
⌗Chrome Origin Trial RegistrierungChrome 149–156, endet November 2026 — Google Chrome Developers. — developer.chrome.com/origintrials/#/register_trial/4163014905550602241
⌗Chrome Status — WebMCP FeatureImplementierungs-Status und Meilensteine bei Chrome. — chromestatus.com/feature/5117755740913664
⌗Intent to Experiment (blink-dev)Offizieller Intent-to-Experiment-Thread im Chromium Blink-Dev. — groups.google.com/a/chromium.org/g/blink-dev/c/gmYffo5WOE8
⌗WebMCP Imperative API — Chrome DocsDokumentation der Imperative API (JavaScript, registerTool). — developer.chrome.com/docs/ai/webmcp/imperative-api
⌗WebMCP Declarative API — Chrome DocsDokumentation der Declarative API (HTML-Attribute auf Formularen). — developer.chrome.com/docs/ai/webmcp/declarative-api
⌗WebMCP Best Practices — Chrome DocsEmpfehlungen für Tool-Design, Schema und Sicherheit. — developer.chrome.com/docs/ai/webmcp/best-practices
⌗Introduction to Agents — web.devHintergrund: Wie KI-Agenten als Web-Nutzer operieren. — web.dev/articles/ai-agents
⌗WebMCP Inspector — Chrome Web StoreOffizielle Chrome-Erweiterung zum Testen von WebMCP-Tools. — chromewebstore.google.com/detail/gbpdfapgefenggkahomfgkhfehlcenpd

Stand: August 2026. WebMCP ist ein vorgeschlagener Standard im W3C WebML Working Group, incubiert von Microsoft und Google. Der Chrome Origin Trial läuft bis November 2026. Spezifikation und API können sich ändern.

Nächster Schritt

Möchten Sie Ihre Website agent-ready machen? Wir analysieren Ihre bestehenden Formulare und Interaktionen, empfehlen die passende API (deklarativ oder imperativ) und implementieren WebMCP als progressive enhancement — ab CHF 650.

WebMCP anfragen Alle Leistungen