Mit WebMCP können Sie Websites erstellen, die besser mit KI-Agenten funktionieren.

WebMCP APIs

Was ist WebMCP und warum ist es wichtig?

Dokument lesen

Definieren Sie WebMCP-Tools mit Standard-JavaScript, um websitespezifische Funktionen wie Formulareingaben und Websitenavigation auszuführen.

Dokument lesen

Sie können Ihre Standard-HTML-Formulare in WebMCP-Tools umwandeln, indem Sie Anmerkungen hinzufügen.

Dokument lesen

Zusammen helfen WebMCP und MCP Agenten, personalisierte Aufgaben im Namen von menschlichen Nutzern zu erledigen.

Dokument lesen

Funktionsweise von WebMCP

In nur drei Schritten können Sie KI-Agenten auf Ihrer Website genau mitteilen, was sie tun dürfen.
Schritt 1

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);
  }
});
Schritt 2

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.

Ihre Website kommuniziert mit dem Browser, der die Übersetzung für den Agenten übernimmt.
Schritt 3

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

Erstellen Sie sichere Tools, die den Anforderungen Ihrer Nutzer und den Funktionen Ihrer Website entsprechen.

Anhand von Beispielen aus der Perspektive von Nutzern und KI-Agenten erfahren Sie, welche WebMCP-Tools eine Critical User Journey (CUJ) unterstützen.

Dokument lesen

Wie bei jeder Softwareanwendung sollten Sie auch hier zuerst Ihre Tool-Strategie planen.

Dokument lesen

Hier erfahren Sie, wie Sie WebMCP-Tools definieren und erstellen, die für Ihre Website oder Webanwendung nützlich sind.

Dokument lesen

Lesen Sie unsere ersten Sicherheitshinweise für alle, die Tools mit WebMCP erstellen.

Dokument lesen

Bevor Sie WebMCP-Tools veröffentlichen, sollten Sie testen, ob die Agenten wissen, wann das Tool aufgerufen werden muss, wie es ausgeführt wird und welche Antworten akzeptabel sind.

Dokument lesen

Mit KI-Agenten entwickeln

Sie können Modern Web Guidance mit Ihren bevorzugten KI-Coding-Agenten verwenden, um in Ihrem bevorzugten Workflow auf Best Practices für das Web zuzugreifen.
npx modern-web-guidance@latest install
Mit Modern Web Guidance und Programmieragenten können Sie Erweiterungen schneller erstellen.

Sicherheitsaspekte für Agent-Entwickler

Agent-Entwickler müssen Schutzmaßnahmen gegen schädlichen Text aus nicht vertrauenswürdigen Inhalten entwickeln. Wir stellen einige Sicherheitstechniken vor, die für Agents mit WebMCP relevant sind.

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.

KI-Agenten

Hier erfahren Sie mehr über die Grundlagen und Definitionen der verschiedenen neuen Technologien, die oft als KI bezeichnet werden.
Als Webexperte ist es wichtig, dass wir neue Technologien durchdacht und verantwortungsvoll entwickeln.
Grundlagenwissen zu KI aufbauen, um Funktionen für Ihre Websites und Webanwendungen hinzuzufügen.