WebMCP-Origin-Trial seit Chrome 149 · Agentur aus Rosenheim

WebMCP Agentur: Wir machen Ihre Website für KI-Agenten bedienbar

KI-Agenten kaufen, buchen und recherchieren heute im Namen Ihrer Kundinnen und Kunden. Auf den meisten Websites müssen sie dabei raten – sie simulieren Klicks und scheitern an Dropdowns, mehrstufigen Formularen und dynamischen Inhalten. WebMCP beendet das Raten. Als WebMCP-Agentur prüfen, planen und implementieren wir die Tool-Ebene, über die Agenten Ihre Website zuverlässig, nachvollziehbar und sicher bedienen.

Website jetzt WebMCP-sicher machen Wie WebMCP funktioniert

  • 10+ Jahre SEO-Erfahrung
  • GEO der ersten Stunde
  • Dozent für KI an einer Berufsfachschule
  • Nativ entwickelt, ohne Framework-Ballast

Grundlagen

Was ist WebMCP?

WebMCP (Web Model Context Protocol) ist ein offener Standardvorschlag, mit dem Websites eigene Funktionen als strukturierte Tools für KI-Agenten bereitstellen. Jedes Tool besteht aus einem sprechenden Namen, einer natürlichsprachigen Beschreibung, einem JSON-Schema für die Eingaben und einer Funktion, die die Aufgabe ausführt. Der Agent liest diese Deklaration, ruft das Tool mit geprüften Parametern auf und erhält ein definiertes Ergebnis zurück.

Der Unterschied zum heutigen Zustand ist grundlegend. Ohne WebMCP arbeitet ein Agent über Invocation: Er simuliert Mausklicks und Texteingaben, als wäre er der menschliche Nutzer. Das funktioniert bei einfachen Seiten gelegentlich – und bricht zuverlässig, sobald ein Datepicker, ein mehrstufiger Checkout oder ein nachgeladenes Dropdown im Weg steht. Jedes Redesign macht die mühsam antrainierten Klickpfade wieder wertlos.

Mit WebMCP beschreibt Ihre Website selbst, was sie kann. Sie behalten die Kontrolle über Ablauf, Validierung und Geschäftslogik, weil der Agent Ihre Funktionen aufruft, statt an Ihrer Oberfläche zu experimentieren. Das Ergebnis ist schneller, günstiger im Tokenverbrauch und vor allem nachvollziehbar: Sie sehen, welches Tool mit welchen Parametern aufgerufen wurde.

Drei Bausteine, die WebMCP mitbringt

Erkennung

Eine standardisierte Methode, mit der eine Seite ihre Tools registriert. Der Agent muss nicht erraten, welche Funktionen existieren – er fragt sie ab.

JSON-Schemas

Explizite Definitionen von Eingaben und erwarteten Ausgaben. Sie reduzieren Halluzinationen und Missverständnisse, weil der Agent weiß, welche Werte zulässig sind.

Statusverwaltung

Ein gemeinsames Verständnis des aktuellen Seitenkontexts. Agent und Website sprechen über denselben Warenkorb, dieselbe Filterung, denselben Nutzer.

Ausgangslage

Warum Sie WebMCP jetzt angehen sollten

Der Standard steht nicht mehr am Reißbrett. Seit Chrome 149 läuft ein Origin-Trial, seit Chrome 150 ist document.modelContext der offizielle Einstiegspunkt. Erste Frameworks – darunter Angular – bringen experimentelle Unterstützung mit. Wer jetzt beginnt, sammelt Erfahrung an echten Nutzerpfaden, bevor Agenten-Traffic zur Normalität wird.

Die Parallele zur Suchmaschinenoptimierung ist offensichtlich. Wer 2005 verstanden hat, wie Crawler eine Seite lesen, war zehn Jahre im Vorteil. WebMCP entscheidet, ob ein Agent bei Ihnen abschließt oder beim Wettbewerber, dessen Buchungsstrecke er in einem einzigen Tool-Aufruf bedienen kann. Der Unterschied zeigt sich nicht in Rankings, sondern in Abschlüssen.

Hinzu kommt ein Risiko, das häufig übersehen wird: Agenten füllen irgendwie aus, wenn Sie ihnen keine klare Struktur geben. Falsch gewählte Varianten, fehlerhafte Termine und unvollständige Anfragen landen als Reklamation in Ihrem Support. Eine saubere Tool-Ebene ist deshalb auch eine Qualitätssicherungsmaßnahme.

Ohne WebMCP

  • Agent simuliert Klicks und rät bei jedem Feld
  • Abbrüche an Dropdowns, Kalendern, Mehrschritt-Formularen
  • Jedes Redesign zerstört die Automatisierung
  • Hoher Tokenverbrauch durch DOM-Analyse
  • Keine Nachvollziehbarkeit, was der Agent getan hat
  • Fehleingaben landen im Support

Mit WebMCP

  • Agent ruft deklarierte Funktionen mit geprüften Parametern auf
  • Schemas verhindern unzulässige Werte von vornherein
  • Tools bleiben stabil, auch wenn sich die Oberfläche ändert
  • Weniger Kontext, schnellere und günstigere Abläufe
  • Jeder Aufruf ist protokollierbar und auditierbar
  • Sie definieren, was ein Agent darf – und was nicht

Leistungen

Was wir als WebMCP-Agentur für Sie tun

Wir arbeiten in klar abgegrenzten Paketen. Sie können mit einem Audit beginnen und später ausbauen – oder direkt die vollständige Tool-Ebene beauftragen. Jedes Paket endet mit einem Ergebnis, das ohne uns weiterlebt.

WebMCP-Audit & Agent-Readiness-Analyse

Wir prüfen, was ein KI-Agent auf Ihrer Website heute tatsächlich tun kann – und woran er scheitert.

  • Inventur aller geschäftskritischen Nutzerpfade (Suche, Konfiguration, Warenkorb, Formulare, Buchung)
  • Test mit echten Agenten: Wo raten sie, wo brechen sie ab, wo erzeugen sie Fehlbestellungen?
  • Bewertung von Semantik, Formularstruktur, Labels und ARIA als Grundlage der Tool-Ableitung
  • Sicherheitsprüfung: Rechte, Bestätigungsschritte, Rate-Limits, Permissions Policy
  • Priorisierte Maßnahmenliste mit Aufwand, Wirkung und Beispielcode

Audit anfragen

WebMCP-Implementierung

Wir entwerfen und implementieren Ihre Tool-Ebene – von der Namensgebung bis zum Schema.

  • Tool-Design nach dem Single-Responsibility-Prinzip: ein Tool, eine klar umrissene Aufgabe
  • Saubere JSON-Schemas mit sprechenden Enums statt kryptischer IDs
  • Imperative Registrierung über document.modelContext.registerTool()
  • Zustandsabhängige Registrierung: angemeldete Nutzer sehen andere Tools als Gäste
  • Aussagekräftige Fehlermeldungen, an denen sich der Agent selbst korrigieren kann

Anfrage stellen

Bestandsseite nachrüsten

Ihre Website läuft und soll laufen bleiben. Wir rüsten WebMCP ohne Relaunch nach.

  • Deklarative Nachrüstung bestehender Formulare mit toolname und tooldescription
  • Progressive Enhancement: ohne WebMCP-Browser bleibt alles unverändert bedienbar
  • Integration in WordPress, TYPO3, Shopware, Contao oder individuelle Anwendungen
  • Keine Abhängigkeit von Frameworks – natives JavaScript, testbar und wartbar
  • Übergabe mit Dokumentation, damit Ihr Team neue Tools selbst ergänzen kann

Anfrage stellen

Barrierefreiheit für Agenten

Was Screenreadern hilft, hilft auch Agenten. Wir heben beides auf ein Niveau.

  • Semantisches HTML, korrekte Überschriftenhierarchie, verknüpfte Labels
  • Formulare, die ohne Rateschritte ausfüllbar sind – für Menschen wie für Maschinen
  • Fehlermeldungen, die Ursache und Lösung benennen statt „Eingabe ungültig“
  • Abgleich mit WCAG 2.2 und den Anforderungen des BFSG
  • Ein Datenmodell, zwei Zielgruppen: assistive Technologien und KI-Agenten

Anfrage stellen

GEO, llms.txt & Grounding Pages

Sichtbarkeit in Antwortmaschinen ist kein Zufall, sondern eine Frage der Struktur.

  • Generative Engine Optimization: zitierfähige Aussagen statt Marketingfloskeln
  • llms.txt nach gängiger Konvention als maschinenlesbarer Einstiegspunkt
  • Grounding Page mit belegbaren Fakten, Zuständigkeiten und Aktualitätsdatum
  • Strukturierte Daten (Schema.org) für Organisation, Leistungen, Personen und FAQ
  • Crawler-Steuerung für GPTBot, ClaudeBot, PerplexityBot & Co. in der robots.txt

Anfrage stellen

Workshop & Schulung

Wir geben Ihrem Team das Wissen weiter, statt Abhängigkeit aufzubauen.

  • Inhouse-Workshop für Entwicklung, Redaktion und Produktverantwortliche
  • Live-Implementierung an Ihrem eigenen Projekt statt am Demo-Beispiel
  • Evaluationsgetriebene Entwicklung: Tools messbar und wiederholbar testen
  • Sicherheitsleitplanken für schreibende Tools und Bestätigungsdialoge
  • Geleitet von einem aktiven Dozenten für Künstliche Intelligenz

Anfrage stellen

Technik

Imperative und deklarative API

WebMCP kennt zwei Wege, Tools bereitzustellen. Beide haben ihre Berechtigung, und in fast jedem Projekt setzen wir sie kombiniert ein: die deklarative API für alles, was bereits ein Formular ist, die imperative API für alles, was Logik braucht.

Imperative API – Tools per JavaScript

Der flexible Weg. Sie registrieren jedes Tool einzeln über document.modelContext.registerTool() und behalten volle Kontrolle über Schema, Ausführung und Rückgabe. Weil die Registrierung im Code passiert, können Sie sie an den Seitenzustand koppeln: Angemeldete Nutzer bekommen andere Tools als Gäste, ein leerer Warenkorb blendet die Checkout-Funktion aus. 

await document.modelContext.registerTool({
  name: 'request_webmcp_audit',
  description: 'Fordert ein WebMCP-Audit für eine Domain an.',
  inputSchema: {
    type: 'object',
    properties: {
      domain: { type: 'string', description: 'Die zu prüfende Domain' },
      scope:  { type: 'string', enum: ['kurz', 'vollstaendig'] }
    },
    required: ['domain']
  },
  annotations: { readOnlyHint: false },
  execute: async ({ domain, scope }) => {
    const res = await createAuditRequest(domain, scope);
    return `Audit (${scope ?? 'kurz'}) für ${domain} vorgemerkt. `
         + `Referenz: ${res.id}`;
  }
});
  • getTools() liefert alle registrierten Tools alphabetisch sortiert.
  • executeTool() ruft ein Tool manuell auf – praktisch für Tests.
  • Registrierung und Ausführung akzeptieren ein AbortSignal zum Abbrechen.
  • annotations transportieren Hinweise wie readOnlyHint und untrustedContentHint.
  • Seit Chrome 150 gilt document.modelContext; navigator.modelContext ist veraltet.

Deklarative API – Formulare als Tools

Der schnelle Weg für Bestandsseiten. Sie ergänzen an einem bestehenden <form> zwei Attribute, und der Browser leitet das Tool-Schema selbst aus den Feldern ab. Ohne WebMCP-Browser bleibt das Formular exakt so bedienbar wie zuvor – echtes Progressive Enhancement, ohne Risiko für bestehende Nutzer. 

<form toolname="createSupportRequest"
      tooldescription="Sendet eine Support-Anfrage an das Team."
      action="/submit">

  <label for="firstName">Vorname</label>
  <input type="text" name="firstName" id="firstName">

  <select name="team" required
    toolparamdescription="Bestimmt, an welches Team die Anfrage geht.">
    <option value="Website support team">Hilfe zur Website</option>
    <option value="Distribution team">Wo ist mein Paket?</option>
  </select>

  <button type="submit">Absenden</button>
</form>
  • toolname und tooldescription sind die beiden Pflichtattribute.
  • toolparamdescription beschreibt einzelne Felder im Schema.
  • toolautosubmit sendet automatisch ab – bewusst sparsam einsetzen.
  • SubmitEvent.agentInvoked zeigt an, dass ein Agent ausgelöst hat.
  • respondWith() gibt ein Ergebnis an das Modell zurück.
  • Die Pseudoklassen :tool-form-active und :tool-submit-active erlauben visuelles Feedback.

Best Practices, nach denen wir arbeiten

Ein technisch funktionierendes Tool ist noch kein gutes Tool. Diese Regeln entscheiden darüber, ob ein Agent Ihre Website versteht oder an ihr scheitert.

Eine Aufgabe pro Tool

Jedes Tool sollte aus einer einzelnen Funktion bestehen. Überlappende Tools verwirren den Agenten, weil er nicht entscheiden kann, welches das richtige ist.

Namen, die das Ergebnis benennen

Verwenden Sie Verben, die den tatsächlichen Effekt beschreiben. create-event führt sofort aus, start-event-creation-process beginnt einen Vorgang. Dieser Unterschied ist entscheidend.

Sprache statt IDs

shipping="Express" ist für ein Sprachmodell verständlich, shipping_id=1 ist es nicht. Semantische Klarheit schlägt interne Datenbankschlüssel.

Lockere Schemas, strikte Prüfung

Validieren Sie großzügig im Schema und streng in der Funktion. So bekommt der Agent eine verwertbare Fehlermeldung statt einer stummen Ablehnung.

Fehler, aus denen man lernt

Eine Meldung muss sagen, was falsch war und wie es richtig geht. Nur dann kann sich ein Agent selbst korrigieren, statt denselben Aufruf zu wiederholen.

Keine Rechenaufgaben delegieren

Nehmen Sie Eingaben so entgegen, wie Nutzer sie formulieren. Der Agent soll keine Datumsdifferenzen berechnen oder Zeichenketten umbauen müssen.

Zusammenarbeit

So läuft ein WebMCP-Projekt bei uns ab

Fünf Schritte, transparent kalkuliert. Nach jedem Schritt entscheiden Sie, ob es weitergeht.

  1. 1 Analyse

    Wir erfassen Ihre geschäftskritischen Nutzerpfade und lassen echte Agenten darauf los. Das Ergebnis ist eine ehrliche Bestandsaufnahme: Was gelingt heute, was scheitert, und was kostet das Scheitern.

  2. 2 Tool-Design

    Bevor eine Zeile Code entsteht, definieren wir die Tools als Vertrag: Name, Beschreibung, Eingabeschema, Rückgabe, Rechte. Sie sehen genau, was ein Agent künftig darf – und geben es frei.

  3. 3 Implementierung

    Umsetzung in nativem JavaScript, deklarativ für Formulare, imperativ für Logik. Ohne WebMCP-Browser bleibt Ihre Seite unverändert bedienbar. Wir arbeiten auf einer Staging-Umgebung, nie ungeprüft auf Ihrem Livesystem.

  4. 4 Evaluation

    Evaluationsgetriebene Entwicklung: Wir definieren Testfälle mit erwarteten Ergebnissen und messen, wie zuverlässig Agenten die Aufgabe lösen. Wiederholbar, nachvollziehbar, ohne Bauchgefühl.

  5. 5 Übergabe & Monitoring

    Sie erhalten Dokumentation, Testfälle und eine Schulung für Ihr Team. Auf Wunsch beobachten wir Tool-Aufrufe und Fehlerquoten weiter und ergänzen neue Tools, wenn Ihr Angebot wächst.

Über uns

Wer hinter der WebMCP Agentur steht

Rainer Winkler

Geschäftsführer der Alpha Digitalagentur GmbH, Webentwickler und Dozent für Künstliche Intelligenz

Seit über zehn Jahren arbeitet Rainer Winkler in der Suchmaschinenoptimierung – lange genug, um mehrere Umbrüche nicht nur gelesen, sondern durchgearbeitet zu haben. Als sich Antwortmaschinen neben die klassische Ergebnisliste schoben, war er bei Generative Engine Optimization von der ersten Stunde an dabei und hat die Methoden entwickelt, mit denen Inhalte in generativen Systemen zitierfähig werden.

Er unterrichtet Künstliche Intelligenz an einer Berufsfachschule. Diese Lehrtätigkeit prägt die Arbeit spürbar: Konzepte müssen erklärbar sein, nicht nur funktionieren. Kunden bekommen deshalb keine Blackbox, sondern eine Lösung, die ihr eigenes Team versteht und weiterentwickeln kann.

Als Webentwickler schreibt er den Code selbst. Native Umsetzung in PHP, JavaScript, HTML und CSS statt Framework-Ballast – schlank, schnell, barrierefrei und langfristig wartbar. Dieselbe Handschrift trägt diese Website: Sie registriert ihre eigenen WebMCP-Tools und ist damit ihr eigenes Referenzprojekt.

  • 10+ Jahre SEO
  • GEO seit dem ersten Tag
  • Dozent für KI
  • Webentwicklung
  • Barrierefreiheit & BFSG
  • WebMCP-Implementierung

Häufige Fragen

Fragen und Antworten zu WebMCP

Was ist WebMCP?

WebMCP (Web Model Context Protocol) ist ein offener Standardvorschlag der W3C Web Machine Learning Community Group. Websites stellen damit eigene Funktionen als strukturierte „Tools“ für KI-Agenten bereit – mit natürlichsprachiger Beschreibung und JSON-Schema. Der Agent ruft diese Tools direkt auf, statt Mausklicks und Tastatureingaben zu simulieren.

Was kostet ein WebMCP-Audit?

Der Umfang richtet sich nach Seitengröße und Funktionstiefe. Ein Kurz-Audit für eine überschaubare Unternehmensseite beginnt im niedrigen vierstelligen Bereich, ein vollständiges Audit inklusive Tool-Design und Evaluations-Setup liegt darüber. Sie erhalten vor Beauftragung ein Festpreisangebot. Fragen Sie über das Formular eine unverbindliche Ersteinschätzung an.

Ab welcher Chrome-Version funktioniert WebMCP?

Seit Chrome 149 können Websites am WebMCP-Origin-Trial teilnehmen. Für die lokale Entwicklung aktivieren Sie das Flag chrome://flags/#enable-webmcp-testing und starten den Browser neu. Seit Chrome 150 lautet der Einstiegspunkt document.modelContext; das frühere navigator.modelContext gilt als veraltet.

Brauche ich WebMCP, wenn meine Website bereits barrierefrei ist?

Barrierefreiheit nach WCAG und BFSG ist eine sehr gute Grundlage, aber kein Ersatz. Saubere Semantik hilft Agenten beim Lesen, WebMCP hilft ihnen beim Handeln. Erst deklarierte Tools mit Schema machen aus einer lesbaren Seite eine zuverlässig bedienbare Seite – ohne Rateschritte und ohne dass ein Redesign die Automatisierung zerstört.

Ist WebMCP ein Sicherheitsrisiko?

WebMCP ist ausdrücklich mit Sicherheitsgrenzen entworfen. Tools funktionieren nur in Dokumenten mit stabiler Origin-Isolation und unterliegen der Permissions Policy „tools“, die standardmäßig auf self steht. Origin-übergreifende iFrames benötigen allow="tools". Riskant wird es erst, wenn schreibende Tools ohne Bestätigung, ohne Rechteprüfung und ohne Rate-Limit veröffentlicht werden – genau das prüfen wir im Audit.

Funktioniert WebMCP auch mit WordPress, TYPO3 oder Shopware?

Ja. WebMCP ist eine Browser-API und unabhängig vom eingesetzten CMS oder Shopsystem. Die Tools werden im Frontend registriert und rufen Ihre bestehende Anwendungslogik auf. Für WordPress, TYPO3, Shopware und Headless-Setups binden wir die Registrierung sauber in Theme oder Build-Prozess ein.

Was ist der Unterschied zwischen der imperativen und der deklarativen API?

Die imperative API registriert Tools per JavaScript über document.modelContext.registerTool() – flexibel, dynamisch und für beliebige Funktionen geeignet. Die deklarative API annotiert bestehende HTML-Formulare mit toolname und tooldescription; der Browser leitet das Schema selbst aus den Formularfeldern ab. In der Praxis kombinieren wir beides.

Wie lange dauert die Umsetzung?

Ein Audit liefert Ergebnisse in der Regel innerhalb von zehn Werktagen. Eine erste produktive Tool-Ebene mit drei bis fünf Kernfunktionen setzen wir üblicherweise in zwei bis vier Wochen um, abhängig von Freigabeprozessen und Testaufwand auf Ihrer Seite.

Kontakt

Website jetzt WebMCP-sicher machen

Schreiben Sie uns, was Ihre Website können soll. Sie erhalten eine Ersteinschätzung, welche Tools sinnvoll sind, welcher Aufwand realistisch ist und wo Sicherheitsgrenzen gezogen gehören – konkret und unverbindlich.

Pflichtfelder sind mit gekennzeichnet. Ihre Angaben werden ausschließlich zur Bearbeitung dieser Anfrage genutzt und spätestens sechs Monate nach Abschluss gelöscht.

Lieber direkt?

Telefon 08031/2821438 · E-Mail info@alpha-digital.de
Alpha Digitalagentur GmbH, Kufsteiner Straße 14, 83022 Rosenheim