Veröffentlicht: 22. Juni 2026
Da KI-Agenten sich weiterentwickeln und nicht mehr nur Text generieren, sondern auch auf Ihrer Website browsen, interagieren und komplexe Aufgaben ausführen, benötigen Entwickler spezielle Tools, um eine hohe Qualität für diese nicht menschlichen Nutzer zu gewährleisten. Die neue Kategorie „Agentic Browsing“ in Lighthouse in Kombination mit Verbesserungen an 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 agentenbasierte Web umfasst zwei wichtige Phasen: Agenten, die im Web suchen, und Agenten, die das Web nutzen.
Wenn Agents nur nach Websites suchen, gelten weiterhin die Grundsätze der Suchmaschinenoptimierung (SEO). In diesem Blogbeitrag konzentrieren wir uns auf die Arbeit, die Entwickler leisten können, wenn ein Agent direkt mit der Website interagiert.
Agent-fähige Website prüfen, optimieren 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. Hier finden Sie Tools, mit denen Sie die Bereitschaft einschätzen und verbessern können.
Website auf Agent-Readiness prüfen
Die neue Kategorie für agentisches Browsen in Lighthouse ist ab M150 verfügbar. Sie 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 Audits geprüft?: Die Audits konzentrieren sich auf drei Schlüsselbereiche, die für die Interaktion mit Maschinen von entscheidender Bedeutung sind:
- Barrierefreiheit: Barrierefreiheit ist in erster Linie für Menschen gedacht. KI-Agenten verwenden den Barrierefreiheitsbaum, der aus dem DOM für Hilfstechnologien abgeleitet wird, als primäres Datenmodell. Beim Agentic Browsing-Audit wird eine Teilmenge von Kategorien aus dem Barrierefreiheits-Audit geprüft, die für die Maschineninteraktion entscheidend sind. Bei beiden Prüfungen wird beispielsweise geprüft, ob jedes interaktive Element einen programmatischen Namen hat. Ein gut strukturierter Baum für Barrierefreiheit ist die primäre Methode, mit der KI-Agenten Ihre Seite verstehen.
- Stabilität: Hiermit wird die visuelle Stabilität anhand des Cumulative Layout Shift (CLS) gemessen, um sicherzustellen, dass sich Elemente nicht unerwartet bewegen und Agenten nicht versehentlich klicken.
- WebMCP-Integration: Prüft die Verfügbarkeit registrierter WebMCP-Tools, Formulare ohne deklaratives WebMCP und die Schemagültigkeit. Durch die Einführung von WebMCP können Agenten die Logik und Formulare Ihrer Website explizit offenlegen, was die Interaktion zuverlässiger macht.
Ergebnis: Im Gegensatz zu anderen Lighthouse-Kategorien ist das Ergebnis für Agentic Browsing zum Zeitpunkt der Veröffentlichung informativ und nicht benchmarkfähig. Der Fokus liegt auf der Bereitstellung umsetzbarer Signale (Status „Bestanden“ oder „Nicht bestanden“ und Warnungen) und nicht auf einer endgültigen Rangfolge.
Weitere Informationen zu den einzelnen Prüfungen und dazu, was Sie tun können, um die Ergebnisse zu verbessern, 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 Strukturierungstools für KI-Agents auf bestehenden Websites verfügbar gemacht werden sollen. So werden Agent-Interaktionen beschleunigt und vereinfacht. Weitere Informationen zur Implementierung finden Sie unter WebMCP.
Neueste Funktionen mit Ihrem bevorzugten Coding-Agenten implementieren
Der Leitfaden für das moderne Web enthält eine Sammlung von Best Practices und Fähigkeiten, die Entwicklern helfen, agentenfreundliche Websites zu erstellen. Es enthält den webmcp-Skill, mit dem Sie die Implementierung der WebMCP-Tools an Ihren Coding-Agenten delegieren können.
Wenn Sie Modern Web Guidance in Ihren Entwicklungs-Workflow einbinden, können Sie sicherstellen, dass Ihre Anwendung von Grund auf mit modernen, agentenfreundlichen Standards erstellt wird. Weitere Informationen finden Sie in der Dokumentation zu Modern Web Guidance.
Website mit Chrome-Entwicklertools für Agents testen und debuggen
Für das detaillierte Debugging und die iterative Entwicklung bietet Chrome-Entwicklertools für Agents eine einzigartige Test-Persona. So können Sie Ihre eigene KI-gestützte IDE oder Ihren eigenen Coding-Agenten in einen Browsing-Agenten umwandeln und haben so ein hohes Maß an Kontrolle.
Mit den Entwicklertools für Agenten haben Sie folgende Möglichkeiten:
- Agent-Interaktion 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:In Ihrer Testumgebung kann das
lighthouse_audit-Tool direkt auf dem aktiven Tab aufgerufen werden. So erhalten Sie sofort eine mehrkategorische Systemdiagnose basierend auf dem aktuellen Zustand der Seite. Sie können Korrekturen iterativ anhand der Agentic Browsing-Standards ü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. Dadurch werden einige maschinenlesbare Signale wie der Barrierefreiheitsbaum verfügbar gemacht, die den Agent verwirren können.
So können Sie vor der Bereitstellung für eine hohe Qualität für nicht menschliche Nutzer sorgen.
Weitere Informationen zu den Funktionen und der Konfiguration von Chrome-Entwicklertools für Agents finden Sie in unserem GitHub-Repository.
muss aktiviert sein.Die folgende Beispielkonfiguration von Chrome-Entwicklertools für 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 Beispielanfrage: „Using Chrome DevTools 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.“ (Erstelle mit Chrome-Entwicklertools MCP eine Pizza mit 10 Pilzen und 2 Paprika. Gib mir eine Zusammenfassung deiner Schritte und der aufgerufenen Tools.)
Sie können die Entwicklertools für Agents auch verwenden, um einen Lighthouse-Audit zur Agent-Bereitschaft durchzuführen:
Ich möchte ein agentisches Lighthouse-Audit für https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname mit Chrome-Entwicklertools MCP durchführen. Gib mir eine vollständige Zusammenfassung.
Nächste Schritte
Wenn Sie mitmachen und sich an der Diskussion beteiligen möchten, sehen Sie sich das offizielle Lighthouse-Repository an.
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 zur Optimierung Ihrer Website für generative KI finden Sie unter Website für generative KI-Funktionen in der Google Suche optimieren.