Für KI-Agenten optimierte Websites
WebMCP APIs
Übersicht
Was ist WebMCP und warum ist es wichtig?
Imperative API
Definieren Sie WebMCP-Tools mit Standard-JavaScript, um websitespezifische Funktionen wie Formulareingaben und Websitenavigation auszuführen.
Deklarative API
Sie können Ihre Standard-HTML-Formulare in WebMCP-Tools umwandeln, indem Sie Anmerkungen hinzufügen.
WebMCP und MCP
Zusammen helfen WebMCP und MCP Agenten, personalisierte Aufgaben im Namen von menschlichen Nutzern zu erledigen.
Funktionsweise von WebMCP
Ihre Website registriert Tools
Auf Ihrer Website werden die Aktionen, die ein KI-Agent ausführen kann, als WebMCP-Tools deklariert. Jedes Tool hat einen Namen, eine Beschreibung und ein JSON-Schema.
// Imperative API document.modelContext.registerTool({ name: "bookSlot", title: "Book a consultation slot", description: "Reserve a 30-minute consultation.", inputSchema: { type: "object", properties: { date: { type: "string", format: "date" }, time: { type: "string" }, name: { type: "string" }, email: { type: "string", format: "email" } }, required: ["date", "time", "name", "email"] }, annotations: { readOnlyHint: false }, execute: async (input, client) => { return await api.book(input); } });
Der Browser stellt sie zur Verfügung
Der Browser erfasst diese Tools und präsentiert sie dem WebMCP-fähigen Agenten des Nutzers zusammen mit der URL, dem Titel und dem Berechtigungsbereich des Ursprungs der Seite.
Der Agent führt schnell und zuverlässig Aktionen aus
Der Agent sieht einen Vertrag, liefert strukturierte Argumente und Ihr Code erledigt den Rest. Der Nutzer wird über Berechtigungen und Bestätigungen auf dem Laufenden gehalten. Das ist schneller und zuverlässiger als die simulierte Benutzerinteraktion.
// the agent's view { "tool": "bookSlot", "arguments": { "date": "2026-07-31", "time": "14:00", "name": "Jerry Jones", "email": "jerry.jones@example.com" } }
Website für KI-Agenten optimieren
Wann sollte WebMCP verwendet werden?
Anhand von Beispielen aus der Perspektive von Nutzern und KI-Agenten erfahren Sie, welche WebMCP-Tools eine Critical User Journey (CUJ) unterstützen.
WebMCP-Strategie planen
Wie bei jeder Softwareanwendung sollten Sie auch hier zuerst Ihre Tool-Strategie planen.
Effektive Tools entwickeln
Hier erfahren Sie, wie Sie WebMCP-Tools definieren und erstellen, die für Ihre Website oder Webanwendung nützlich sind.
Sicherheit von WebMCP-Tools
Lesen Sie unsere ersten Sicherheitshinweise für alle, die Tools mit WebMCP erstellen.
WebMCP-Bewertungen
Mit KI-Agenten entwickeln
Modern Web Guidance
npx modern-web-guidance@latest install
Erstellen von Erweiterungen mit Coding-Agents
Sicherheitsaspekte für Agent-Entwickler
Gemini in Chrome
KI-Unterstützung direkt im Browser Gemini fasst die wichtigsten Punkte für dich zusammen, erklärt Konzepte und gibt dir Antworten auf deine Fragen – alles basierend auf dem Inhalt deiner geöffneten Tabs.
Gemini ist in allen Google-Apps verfügbar und unterstützt dich bei deinen täglichen Aufgaben.