WebMCP - Websites für KI-Agenten besser nutzbar machen
-
WebMCP macht definierte Website-Funktionen wie Suche, Formulare oder Konfiguratoren strukturiert für KI-Agenten nutzbar.
-
Agentic Browsing gewinnt an Bedeutung: Page Speed Insights enthält bereits experimentelle Prüfungen für agentische Website-Nutzung und berücksichtigt dabei auch registrierte WebMCP-Tools.
-
Entdecke konkrete Use Cases: von der Unterstützung bei Terminbuchungen und Anmeldungen bis zur intelligenten Produktkonfiguration.
Website & Formulare
KI-Agenten können benötigte Eingaben verstehen und Formulare passend zum Anliegen vorbereiten.
Beispiel: Kontakt- oder Anfrageformular
Ein KI-Agent übernimmt bekannte Kontaktdaten, fragt fehlende Informationen ab und bereitet eine Anfrage zur Bestätigung vor.
eCommerce & Onlineshops
KI-Agenten können Produktsuchen, Filter, Konfiguratoren sowie Preis- und Verfügbarkeitsinformationen nutzen.
Beispiel: Produktsuche & Konfigurator
Kund:innen beschreiben ihren Bedarf. Der KI-Agent findet passende Produkte und stellt eine geeignete Konfiguration zusammen.
Buchung & Terminvereinbarung
KI-Agenten können verfügbare Termine anhand konkreter Anforderungen durchsuchen und Buchungen vorbereiten.
Beispiel: Terminbuchung
Nutzer:innen nennen ihren gewünschten Zeitraum. Der KI-Agent prüft verfügbare Termine und bereitet die Buchung vor.
Kundenportale & Self-Service
Ausgewählte Funktionen eines Kundenportals können für Agenten zugänglich gemacht werden.
Beispiel: Bestell- oder Ticketstatus
Ein eingeloggter Kunde fragt nach dem Status seiner Bestellung oder Support-Anfrage. Der Agent ruft die entsprechenden Informationen direkt über die bereitgestellte Funktion ab.
Was ist WebMCP?
WebMCP (Web Model Context Protocol) ist ein vorgeschlagener Webstandard, mit dem Websites ausgewählte Funktionen als strukturierte Tools für KI-Agenten bereitstellen können. Agenten müssen wichtige Aktionen dadurch nicht ausschließlich aus Buttons, Formularfeldern und anderen Oberflächenelementen ableiten, sondern können klar definierte Website-Funktionen gezielt aufrufen.
Zwei Wege für die WebMCP-Integration
Deklarativ: bestehende Formulare erweitern
Standard-HTML-Formulare können mit zusätzlichen WebMCP-Angaben beschrieben werden. Der Browser macht daraus ein strukturiertes Tool, das ein KI-Agent verstehen und vorausfüllen kann. Die bestehende Benutzeroberfläche bleibt dabei erhalten.
Imperativ: komplexe Funktionen als Tools bereitstellen
Für Funktionen wie Produktsuchen, Konfiguratoren oder Statusabfragen können WebMCP-Tools per JavaScript definiert und mit bestehender Geschäftslogik, APIs oder Website-Funktionen verbunden werden.
MCP-Server oder WebMCP?
MCP und WebMCP machen Funktionen strukturiert für KI-Systeme nutzbar - setzen aber an unterschiedlichen Stellen an.
Ein MCP-Server verbindet KI-Anwendungen mit externen Systemen, Datenquellen und APIs.
WebMCP stellt dagegen ausgewählte Funktionen direkt innerhalb einer Website für KI-Agenten bereit.
Für komplexe Lösungen können beide Ansätze zusammenspielen: WebMCP stellt die Website-Interaktionen bereit, während ein MCP-Server zusätzliche Daten oder Funktionen aus Backend-Systemen anbinden kann.
MCP-Server:
- verbindet KI mit Systemen, Daten und APIs
- läuft als eigener Dienst bzw. Schnittstelle
- geeignet für CRM, ERP, Datenbanken oder interne Systeme
- kann unabhängig von einer geöffneten Website genutzt werden
- Fokus: Systemintegration
WebMCP:
- macht Website-Funktionen für KI-Agenten nutzbar
- wird direkt in die Website integriert
- geeignet für Suche, Formulare, Konfiguratoren oder Buchungen
- bezieht sich auf die Interaktion mit der Website
- Fokus: agentische Website-Nutzung
KI-Agenten können definierte Funktionen einer Website gezielt verwenden.
Agenten können mehrere Schritte übernehmen und Nutzer:innen dadurch schneller durch komplexe Prozesse führen.
Statt ausschließlich über Klicks und visuelle Elemente zu navigieren, greifen KI-Agenten auf klar definierte Website-Funktionen zu.
Du legst fest, welche Funktionen für KI-Agenten bereitgestellt werden und welche Aktionen weiterhin eine Bestätigung erfordern.
Vorhandene Formulare, APIs und Website-Funktionen können als Basis dienen und gezielt für WebMCP erweitert werden.
WebMCP schafft eine technische Grundlage dafür, dass deine Website künftig auch von Browser-Agenten strukturiert genutzt werden kann.
Agentisches Browsing mit Lighthouse prüfen
Chrome hat Page Speed Insights um die experimentelle Kategorie Agentic Browsing erweitert. Damit lässt sich prüfen, wie gut eine Website technisch auf die Interaktion mit KI-Agenten vorbereitet ist. Bewertet werden unter anderem WebMCP-Tools, wichtige Accessibility-Strukturen und die Stabilität der Benutzeroberfläche.
WebMCP-Tools überprüfen
Lighthouse erkennt und listet registrierte WebMCP-Tools. So lässt sich prüfen, welche Funktionen einer Website für KI-Agenten bereitgestellt werden und ob Optimierungspotenzial besteht.
Formulare und Bedienelemente analysieren
Eine klare semantische Struktur hilft nicht nur bei Barrierefreiheit, sondern auch dabei, dass KI-Agenten Formulare, Buttons und andere Bedienelemente zuverlässig verstehen.
Agentic Readiness verbessern
Die Ergebnisse können genutzt werden, um Schwachstellen zu erkennen und Websites schrittweise für agentische Nutzung zu optimieren.
Hinweis: WebMCP und die Agentic Browsing-Prüfung befinden sich aktuell noch in einer experimentellen Phase.
Konkrete Use Cases zeigen das Potenzial von WebMCP
Verfügbare Termine können nach Zeitraum, Standort oder Leistung abgefragt werden.
Die für eine Anmeldung oder Buchung benötigten Angaben werden strukturiert für den Agenten bereitgestellt.
Der ausgewählte Termin und die erfassten Daten können für die weitere Bearbeitung vorbereitet werden.
Was macht WebMCP für Anmeldung und Terminbuchung?
Der Agent kann anhand der Nutzeranforderungen passende Termine oder Veranstaltungen suchen.
Benötigte Angaben wie Name, Kontaktdaten oder gewünschte Leistung werden eindeutig beschrieben und können vom Agenten vorbereitet werden.
Der Agent kann eine Anmeldung oder Buchung vorbereiten. Kritische Aktionen können weiterhin eine ausdrückliche Bestätigung durch Nutzer:innen erfordern.
Schritt 1:
Nutzer:in beschreibt den gewünschten Termin in natürlicher Sprache.
Schritt 2:
Der Agent erkennt Zeitraum, Wochentag und bevorzugte Tageszeit.
Schritt 3:
Über WebMCP fragt der Agent die verfügbaren Termine auf der Website ab.
Schritt 4:
Ein passender Termin wird ausgewählt und die für die Anmeldung erforderlichen Angaben werden ermittelt.
Schritt 5:
Der Agent bereitet das Formular mit den vorhandenen Angaben vor und fragt gegebenenfalls noch fehlende Informationen ab.
Schritt 6:
Nutzer:in kontrolliert die Angaben und bestätigt die Buchung bzw. Anmeldung.
Die Produktsuche ermöglicht es dem Agenten, Produkte anhand konkreter Anforderungen und Eigenschaften zu finden.
Der Konfigurator stellt verfügbare Komponenten und Optionen bereit und prüft, welche Kombinationen möglich sind.
Aktuelle Preise und verfügbare Varianten können während der Konfiguration berücksichtigt werden.
Was macht WebMCP für die Produktkonfiguration?
Der KI-Agent kann gezielt nach Produkten suchen und relevante Produkteigenschaften abfragen.
Konfigurationsmöglichkeiten und Abhängigkeiten werden strukturiert bereitgestellt, damit der Agent eine passende Zusammenstellung vorbereiten kann.
Der Agent kann Preise und Verfügbarkeit für die ausgewählte Konfiguration prüfen.
Schritt 1:
Nutzer:in beschreibt die Anforderungen gegenüber dem KI-Agenten.
Schritt 2:
Der Agent erkennt relevante Kriterien wie Einsatzzweck, Arbeitsspeicher, Redundanz und Budget.
Schritt 3:
Über WebMCP nutzt der Agent die auf der Website bereitgestellte Produktsuche und identifiziert passende Systeme.
Schritt 4:
Der Agent ruft verfügbare Konfigurationsoptionen auf und prüft, welche Komponenten miteinander kombiniert werden können.
Schritt 5:
Preis und Verfügbarkeit der zusammengestellten Konfiguration werden abgefragt.
Schritt 6:
Der KI-Agent präsentiert die passende Konfiguration. Diese kann anschließend im Onlineshop weiterbearbeitet oder direkt in den Warenkorb übernommen werden.
WebMCP sinnvoll in bestehende Websites integrieren
-
bestehende Website-Funktionen gezielt weiterverwenden
-
prüfen, ob deklarative oder imperative WebMCP-Tools sinnvoll sind
-
sinnvolle Agenten-Use-Cases identifizieren
-
Tools passend zur vorhandenen Architektur umsetzen
-
sensible Aktionen kontrolliert absichern
-
Integration testen und schrittweise erweitern
Mach deine Website bereit für KI-Agenten
WebMCP ist besonders für Websites und Web-Anwendungen interessant, auf denen Nutzer:innen konkrete Aufgaben erledigen. Dazu zählen beispielsweise Onlineshops, Produktkonfiguratoren, Buchungs- und Terminlösungen, Kundenportale oder Websites mit umfangreichen Formularprozessen.
Besonders großes Potenzial besteht bei komplexeren Abläufen, bei denen KI-Agenten Nutzer:innen bei mehreren aufeinanderfolgenden Schritten unterstützen können.
Ja. Bestehende Websites und Onlineshops können schrittweise um WebMCP erweitert werden. Dafür wird analysiert, welche bestehenden Formulare und Funktionen sich für die Nutzung durch KI-Agenten eignen und wie diese technisch aufgebaut sind.
Gut strukturierte Formulare, klar getrennte Geschäftslogik und bestehende APIs erleichtern die Integration.
Beim klassischen agentischen Browsing versucht ein KI-Agent, eine Website ähnlich wie ein Mensch über Links, Buttons und Formularfelder zu bedienen. Mit WebMCP können ausgewählte Funktionen zusätzlich strukturiert für den Agenten beschrieben und bereitgestellt werden.
Dadurch muss der Agent wichtige Funktionen nicht ausschließlich aus der Benutzeroberfläche ableiten und kann definierte Aktionen gezielter nutzen.
WebMCP befindet sich aktuell noch in der Entwicklung und wird unter anderem in Chrome experimentell erprobt. Unternehmen können sich dennoch bereits mit geeigneten Use Cases, technischen Voraussetzungen und agentenfreundlichen Website-Strukturen beschäftigen.
XORTEX verfolgt die Entwicklung und bewertet, welche Maßnahmen heute bereits sinnvoll umgesetzt werden können.
Ja. XORTEX analysiert gemeinsam mit dir, welche Funktionen deiner Website sich für eine agentische Nutzung eignen und wie diese sinnvoll über WebMCP bereitgestellt werden können.
Dabei berücksichtigen wir bestehende Formulare, APIs und Geschäftslogiken und entwickeln eine Lösung passend zu deiner Website und deinen konkreten Use Cases.