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
Website-Check: So erkennst du das Potenzial deiner Website
Ein Website-Check beantwortet drei Fragen: Was ist messbar gut, was kostet dich Geld oder Sichtbarkeit und wie viel Potenzial steckt noch in der bestehenden Website? Wir zeigen, was ein Check heute prüfen muss, wann Optimieren nichts mehr bringt und wo automatisierte Analysen an Grenzen stossen.
KI-Navigation und visuelles Editieren: Wie unser KI-Assistent die User Experience und Content-Pflege revolutioniert
KI verändert die Art und Weise, wie wir mit digitalen Plattformen interagieren. Bei der raffiniert media AG nutzen wir künstliche Intelligenz gezielt dort, wo sie echten Mehrwert schafft: zur Vereinfachung von Suchwegen für Besucher und zur Automatisierung im Redaktionsalltag.
Pixelgenaue Web-Umsetzung nach Mass: Wie wir das Designkonzept von another-studio.ch realisiert haben
Für das Designstudio another-studio.ch haben wir als verlässlicher Entwicklungspartner die kompletten Relaunch- und Ausbauphasen der Website von Lynn Grütter umgesetzt – kreative Entwürfe ohne optische Kompromisse in einem modernen Storyblok CMS.
Wie wir für Foma Galvanik durch ein pragmatisches Upgrade die Zukunft sichern
Veraltete Systeme und teure Wartungszyklen haben die Foma Galvanik ausgebremst. Durch den Wechsel auf einen modernen Tech-Stack mit Storyblok und Next.js haben wir ein effizientes Soft-Redesign realisiert, das die Performance steigert und gleichzeitig das Budget schont.
Shop-Migration zu Headless
Von WooCommerce oder einem selbstgebauten Shop zu einer Headless-Architektur mit Payload und Next.js – mit Redirect-Konzept, damit deine Google-Rankings die Migration überleben. Inklusive der offenen Grenzen: Beta-Status der Commerce-Erweiterung, Versand/Steuern/Abos und Schweizer Zahlungsarten.
