Veröffentlicht am 22. Juni 2026
KI-Agenten können nicht nur Text generieren, sondern auch auf Websites surfen, mit ihnen interagieren und komplexe Aufgaben ausführen. Daher benötigen Entwickler spezielle Tools, um diesen nichtmenschlichen Nutzern eine hochwertige Nutzererfahrung zu bieten. Die neue Lighthouse-Kategorie „Agentic browsing“ (Agentengestütztes Browsen) in Kombination mit Verbesserungen an den Chrome-Entwicklertools bietet deterministische Prüfungen und ein Testframework, mit dem Sie Websites erstellen können, die für Agenten geeignet sind.
Die Umstellung auf das agentengestützte Web umfasst zwei Hauptphasen: Agenten suchen im Web und Agenten nutzen das Web.
Wenn Agenten nur nach Websites suchen, gelten weiterhin die Prinzipien der Suchmaschinen optimierung (SEO) gelten. In diesem Blogpost konzentrieren wir uns auf die Arbeit, die Entwickler leisten können, wenn ein Agent direkt mit der Website interagiert.
Website für Agenten prüfen, verbessern und debuggen
Damit ein KI-Agent einen Ablauf auf Ihrer Website zuverlässig abschließen kann, z. B. einen Termin buchen oder eine Bestellung aufgeben, benötigt er vorhersehbare, maschinenlesbare Signale. Mit den folgenden Tools können Sie die Bereitschaft Ihrer Website für Agenten bewerten und verbessern.
Website auf Bereitschaft für Agenten prüfen
Die neue Agentic browsing category in Lighthouse ist ab Version M150 verfügbar und bietet Entwicklern eine Reihe deterministischer Prüfungen, mit denen sie bewerten können, wie agentenfreundlich ihre Websites sind. So wird die Einführung neuer Branchenstandards gefördert.
Was wird bei den Prüfungen geprüft? Die Prüfungen konzentrieren sich auf drei Schlüsselbereiche, die für die Maschineninteraktion entscheidend sind:
- Barrierefreiheit: Barrierefreiheit ist in erster Linie für Menschen gedacht. Agenten verwenden den Baum für Barrierefreiheit, der aus dem DOM für Hilfstechnologien abgeleitet wird, als primäres Daten modell. Bei der Prüfung „Agentic browsing“ (Agentengestütztes Browsen) wird eine Teilmenge der Kategorien aus der Prüfung „Barrierefreiheit“ geprüft, die für die Maschineninteraktion entscheidend sind. Beispielsweise wird bei beiden Prüfungen geprüft, ob jedes interaktive Element einen programmatischen Namen hat. Ein gut strukturierter Baum für Barrierefreiheit ist die primäre Möglichkeit für KI-Agenten, Ihre Seite zu verstehen.
- Stabilität: Die visuelle Stabilität wird mit Cumulative Layout Shift (CLS) gemessen, um zu verhindern, dass sich Elemente unerwartet bewegen und Agenten versehentlich auf etwas klicken.
- WebMCP-Integration: Es wird geprüft, ob registrierte WebMCP -Tools verfügbar sind, ob in Formularen deklaratives WebMCP fehlt und ob das Schema gültig ist. Durch die Einführung von WebMCP können Agenten die Logik und die Formulare Ihrer Website explizit aufrufen, wodurch die Interaktion zuverlässiger wird.
Ergebnis: Im Gegensatz zu anderen Lighthouse-Kategorien ist „Agentic browsing“ (Agentengestütztes Browsen) zum Zeitpunkt der Veröffentlichung nur informativ und ohne Benchmark. Der Schwerpunkt liegt darauf, umsetzbare Signale (Status „Bestanden“ oder „Nicht bestanden“ und Warnungen) anstelle einer endgültigen Rangfolge zu liefern.
Weitere Informationen zu den einzelnen Prüfungen und zu Möglichkeiten zur Verbesserung finden Sie in der Dokumentation zu Agent browsing audits for Lighthouse.
Interaktionen zwischen Agent und Website schneller und zuverlässiger gestalten
WebMCP ist ein vorgeschlagener Standard, mit dem Strukturtools für KI-Agenten auf bestehenden Websites verfügbar gemacht werden sollen. So können Agenten schneller und einfacher interagieren. Weitere Informationen zur Implementierung finden Sie unter Read about WebMCP.
Neueste Funktionen mit dem bevorzugten Coding-Agenten implementieren
Modern Web Guidance bietet eine Sammlung von Best Practices und Fähigkeiten, mit denen Entwickler Websites erstellen können, die für Agenten geeignet sind. Dazu gehört die Fähigkeit webmcp, mit der Sie die Implementierung der WebMCP-Tools an Ihren Coding-Agenten delegieren können.
Wenn Sie Modern Web Guidance in Ihren Entwicklungsablauf einbinden, können Sie sicherstellen, dass Ihre Anwendung von Grund auf mit modernen, agentenfreundlichen Standards erstellt wird. Weitere Informationen finden Sie in der Modern Web Guidance
Dokumentation.
Website mit Chrome-Entwicklertools for Agents testen und debuggen
Für das detaillierte Debugging und die iterative Entwicklung bieten Chrome-Entwicklertools for Agents eine einzigartige Testpersona. Damit können Sie Ihre eigene KI-gestützte IDE oder Ihren Coding-Agenten in einen Browsing-Agenten umwandeln und so ein hohes Maß an Kontrolle erhalten.
Mit DevTools for Agents haben Sie folgende Möglichkeiten:
- Agenteninteraktion simulieren:Sie können die genauen Schritte simulieren, die ein Agent ausführen würde. So können Sie Fehler reproduzieren und überprüfen, ob die Abläufe auf Ihrer Website deterministisch sind.
- Direkter Lighthouse-Aufruf:Ihre Testumgebung kann das Tool
lighthouse_auditdirekt auf dem aktiven Tab aufrufen. So erhalten Sie eine sofortige, mehrkategorielle Systemdiagnose basierend auf dem aktuellen Status der Seite. Sie können Korrekturen iterativ anhand der Standards für „Agentic browsing“ (Agentengestütztes Browsen) überprüfen. - Screencast und Debugging:Das Tool bietet detaillierte Protokollierungs- und Screencast-Funktionen, sodass Sie genau sehen können, wie der Agent die Seite wahrnimmt und mit ihr interagiert. So werden einige maschinenlesbare Signale wie der Baum für Barrierefreiheit sichtbar, die den Agenten verwirren könnten.
So können Sie vor der Bereitstellung eine hohe Qualität für nichtmenschliche Nutzer gewährleisten.
Weitere Informationen zu den Funktionen und zur Konfiguration von Chrome-Entwicklertools for Agents finden Sie in unserem GitHub repository.
Die folgende Beispielkonfiguration von Chrome-Entwicklertools for Agents (~/.gemini/config/mcp_config.json für AntigravityCLI oder in Antigravity konfiguriert) stellt eine Verbindung zu Chrome Canary her.
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--autoConnect",
"--categoryExperimentalWebmcp",
"--channel=canary"
]
}
}
}
Verwenden Sie die Beispielabfrage: "Using Chrome-Entwicklertools MCP, go to https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ and create me a pizza with 10 mushrooms and 2 bell peppers; make sure to give me a summary of what you did and what tools you called."
Sie können mit DevTools for Agents auch eine Lighthouse-Prüfung zur Bereitschaft für Agenten durchführen:
"I want to do an agentic lighthouse audit on https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname using Chrome DevTools MCP; give me a full summary."
Nächste Schritte
Weitere Informationen zu WebMCP finden Sie in der WebMCP Dokumentation. Weitere Informationen zu Modern Web Guidance finden Sie in der Dokumentation zu Modern Web Guidance. Weitere Informationen zum Optimieren Ihrer Website für generative KI finden Sie unter Website für generative KI-Funktionen in der Google Suche optimieren.