Unsere Website ist bereit für KI-Agenten: Erste Schritte mit WebMCP
Google baut die KI-Funktionen in Chrome zügig aus. Wir haben auf unserer eigenen Website raffiniert.biz bereits eine Technologie integriert, die bisher kaum jemand auf dem Schirm hat: WebMCP, das Web Model Context Protocol.
Was ist WebMCP?
Google und Microsoft entwickeln gemeinsam über die W3C Web Machine Learning Community Group diesen offenen Standard. Er erlaubt es KI-Agenten, digitalen Assistenten oder zukünftigen Browser-KIs, Webseiten strukturiert zu lesen und direkt mit ihnen zu interagieren. Chrome bietet aktuell die erste Implementierung im Origin Trial an. Agenten wie Claude oder Copilot können dadurch Formulare eigenständig erkennen, deren logischen Zweck verstehen und die Felder korrekt ausfüllen.
Die technische Umsetzung im Detail
Wir haben die Funktionen direkt in unser neues Headless-Setup aus Next.js, Payload CMS und einer vollständigen TypeScript-Integration eingebettet. Damit erreichen wir in PageSpeed Insights Höchstwerte von 100 Punkten und haben gleichzeitig das Fundament für die KI-Kompatibilität gelegt.
Folgende Bausteine haben wir konkret umgesetzt:
- Deklarative HTML-Annotations: Alle unsere Formulare sind im Quelltext mit Attributen wie toolname, tooldescription und toolparamdescription versehen. KI-Agenten lesen den Zweck und die Parameter eines Formulars direkt aus dem DOM ab.
- Discovery-Datei nach Community-Konvention: Da die offizielle Tool-Discovery im WebMCP-Standard laut Google noch ungelöst ist, setzen wir zusätzlich auf die sich etablierende Konvention einer Konfigurationsdatei unter /.well-known/webmcp. Sie listet KI-Crawlern beim Besuch der Seite alle verfügbaren Tools auf und synchronisiert sich automatisch mit unserem CMS.
- JSON-Schema-Definitionen: Jedes Eingabefeld inklusive aller Pflichtfelder ist exakt definiert. Ein digitaler Agent weiss dadurch im Voraus, welche Daten für den erfolgreichen Versand benötigt werden.
- Validierung: Im aktuellen PageSpeed Insights Probelauf wurden die neuen Kriterien geprüft. Das Ergebnis zeigt vier grüne Haken für die bestandenen WebMCP-Audits. Dies kann aber momentan nur lokal getestet werden, da die normale Prüfung noch eine ältere Chrome Instanz nutzt.
Der Zeitplan: Wann wird das wichtig?
Die Technologie befindet sich zurzeit im Chrome Origin Trial. Google nutzt diese Phase, um neue Web-APIs unter realen Bedingungen zu testen, bevor sie fest in die stabile Chrome-Version für die breite Masse einziehen. Die Funktionen sind somit real und einsatzbereit, erfordern aktuell aber noch spezielle Browser-Konfigurationen zum Testen.
Die Richtung für die kommenden Jahre steht fest: Der Browser wird sich zum Vermittler zwischen Nutzern, KIs und Webinhalten entwickeln. Wer seine Plattform frühzeitig vorbereitet, baut einen klaren Vorsprung auf.
Hast du dir schon Gedanken darüber gemacht, wie gut deine Webpräsenz mit KI-Agenten interagiert? Wenn du die Performance und Architektur deiner Plattform auf den neuesten Stand bringen willst, besprechen wir das am besten bei einem Kaffee.
Quellen & weiterführende Links:
- Chrome WebMCP Dokumentation: WebMCP | AI on Chrome | Chrome for Developers
- Chrome Origin Trials: Origin Trials
- Lighthouse WebMCP Audits: bereits integriert in PageSpeed Insights, aber wird noch nicht durchgeführt. Kann lokal getestet werden mit aktueller Chrome Version.
Vorschau via Extension
Weitere Stories
Wie wir gemeinsam mit Coop-Experten die Lade-Performance der E-Commerce-Plattform optimieren
Ein Einblick in die Zusammenarbeit mit den Inhouse-Spezialisten von Coop. Erfahren Sie, wie durch die gemeinsame technische Optimierung kritischer Render-Pfade und Code-Strukturen die Lade-Performance der E-Commerce-Plattform nachhaltig gesteigert wurde.
Barrierefreiheit (Accessibility) im Schweizer Onlinehandel: Gesetzliche Anforderungen und technische Umsetzung.
Barrierefreiheit im Schweizer Onlinehandel ist geschäftskritisch: Der EAA verschärft die Rechtslage, bis zu 20 % der Kunden werden sonst ausgeschlossen. Wer jetzt handelt, gewinnt Rankings, Performance und Conversion.
Von Excel zur App: Wie Kilian Ricklin mit einer massgeschneiderten PWA sein Coaching-Business skaliert hat.
Erfahre, wie wir für Kilian Ricklin manuelle Prozesse durch eine performante Progressive Web App (PWA) ersetzt haben. Mit Fokus auf Kosteneffizienz und Nutzererlebnis haben wir eine zentrale Plattform geschaffen, die dein Kunden-Management revolutioniert und echtes Wachstum ermöglicht.
In 4 Wochen zum Start: Wie eine neue Event-Location dank schneller Web-Lösung durchstartete
Unter extremem Zeitdruck entwickelten wir für die Event-Location Sprängi in nur einem Monat einen SEO-optimierten Onepager mit Buchungssystem – ein Beispiel für unsere pragmatische Herangehensweise, die lokale Sichtbarkeit und reibungslose digitale Prozesse ab dem ersten Tag ermöglicht.
Das Kaufverhalten im Onlineshop: Wie Onlineshop-Giganten gezielt dein Kaufverhalten beeinflussen
Im hart umkämpften E-Commerce setzen Plattformen wie Amazon, Zalando, Etsy und Temu nicht nur auf Preise oder Sortiment. Entscheidend sind psychologische Mechanismen und gezielte UX/UI-Strategien, die Kaufentscheidungen beeinflussen, Vertrauen stärken und Kunden langfristig binden.
Responsive Tables: Die bessere Option zu Tabellen
Tabellen werden häufig verwendet, um Daten übersichtlich darzustellen. Auch auf Webseiten sind sie oft zu finden. Allerdings werden sie immer seltener eingesetzt, da es oft Probleme mit der Darstellung auf kleinen Geräten wie Tablets oder Handys gibt.