Gepubliceerd: 22 juni 2026
Naarmate AI-agenten evolueren van het simpelweg genereren van tekst naar het browsen, interageren en uitvoeren van complexe taken op uw website, hebben ontwikkelaars speciale tools nodig om een hoogwaardige ervaring voor deze niet-menselijke gebruikers te garanderen. De nieuwe Lighthouse Agentic browsing-categorie, in combinatie met verbeteringen aan Chrome DevTools, biedt deterministische audits en een testframework om u te helpen bij het bouwen van websites die geschikt zijn voor AI-agenten.
De overgang naar het agentgebaseerde web omvat twee belangrijke fasen: agenten die het web doorzoeken en agenten die het web gebruiken .
Ook wanneer makelaars websites doorzoeken, gelden de principes van zoekmachineoptimalisatie (SEO) . In dit blogbericht richten we ons op de mogelijkheden die ontwikkelaars bieden wanneer een makelaar rechtstreeks met de website in contact komt.
Controleer, verbeter en los de fouten op in uw agent-ready website.
Om een AI-agent een proces op uw website betrouwbaar te laten voltooien, zoals het boeken van een afspraak of het plaatsen van een bestelling, heeft deze voorspelbare, machineleesbare signalen nodig. Hieronder vindt u tools om die gereedheid te beoordelen en te verbeteren.
Controleer of uw website klaar is voor gebruik door agenten.
De nieuwe Agentic-browsingcategorie in Lighthouse is beschikbaar vanaf M150 en biedt ontwikkelaars een reeks deterministische audits om te beoordelen hoe agentvriendelijk hun websites zijn, wat de adoptie van nieuwe industriestandaarden stimuleert.
Wat de audits controleren : De audits richten zich op drie belangrijke gebieden die cruciaal zijn voor de interactie met de machine:
- Toegankelijkheid : Toegankelijkheid staat voorop bij mensen. Agents gebruiken de toegankelijkheidsstructuur , afgeleid van het DOM voor ondersteunende technologie (AT), als hun primaire datamodel. De Agentic Browsing-audit controleert een subset van categorieën uit de toegankelijkheidsaudit die cruciaal zijn voor interactie met machines. Beide audits controleren bijvoorbeeld of elk interactief element een programmatische naam heeft. Een goed gestructureerde toegankelijkheidsstructuur is de belangrijkste manier waarop AI-agents uw pagina begrijpen.
- Stabiliteit : Meet de visuele stabiliteit met behulp van Cumulative Layout Shift (CLS) om ervoor te zorgen dat elementen niet onverwacht verschuiven en zo misklikken door agenten te voorkomen.
- WebMCP-integratie : Controleert de beschikbaarheid van geregistreerde WebMCP-tools, formulieren zonder declaratieve WebMCP-functionaliteit en de geldigheid van het schema. Door WebMCP te implementeren, kunnen agents de logica en formulieren van uw site expliciet weergeven, waardoor interactie betrouwbaarder wordt.
De score : In tegenstelling tot andere Lighthouse-categorieën is Agentic Browsing op het moment van publicatie informatief en niet gekoppeld aan benchmarks . De focus ligt op het geven van bruikbare signalen (geslaagd of niet geslaagd en waarschuwingen) in plaats van een definitieve ranglijst.
Voor meer informatie over de specifieke auditcontroles en wat u kunt doen om deze te verbeteren, raadpleegt u de documentatie over agentbrowsingaudits voor Lighthouse .
Maak de interactie tussen agent en website sneller en betrouwbaarder.
WebMCP is een voorgestelde standaard die tot doel heeft structuurtools beschikbaar te stellen aan AI-agenten op bestaande websites, waardoor de interactie met agenten wordt versneld en vereenvoudigd. Voor meer informatie over de implementatie, zie Lees meer over WebMCP .
Implementeer de nieuwste functies met behulp van uw favoriete codeeragent.
Modern Web Guidance biedt een verzameling best practices en vaardigheden om ontwikkelaars te helpen bij het bouwen van agent-compatibele websites. Het bevat de webmcp vaardigheid, waarmee u de implementatie van de WebMCP-tools kunt delegeren aan uw codeeragent. Door Modern Web Guidance in uw ontwikkelworkflow te integreren, kunt u ervoor zorgen dat uw applicatie vanaf het begin is gebouwd volgens moderne, agent-vriendelijke standaarden. Zie de documentatie van Modern Web Guidance voor meer informatie.
Test en debug je website met Chrome DevTools voor agents.
Voor diepgaand debuggen en iteratieve ontwikkeling biedt Chrome DevTools for Agents een unieke testomgeving. Hiermee kunt u uw eigen AI-ondersteunde IDE of codeeragent omzetten in een browseragent, waardoor u een hoge mate van controle krijgt.
Met DevTools voor agents kunt u:
- Simuleer agentinteractie: U kunt de precieze stappen simuleren die een agent zou nemen, waardoor u in feite "de gebruiker" (of de agent) wordt om fouten te reproduceren en te controleren of de processen op uw website deterministisch zijn.
- Directe aanroep van Lighthouse: Uw testomgeving kan de
lighthouse_audit-tool rechtstreeks op het actieve tabblad aanroepen. Dit biedt een onmiddellijke, multi-categorie gezondheidscontrole op basis van de huidige status van de pagina, waardoor u iteratief kunt controleren of oplossingen voldoen aan de Agentic Browsing-standaarden. - Screencast en debuggen: De tool biedt gedetailleerde logboekregistratie en screencastmogelijkheden, zodat u precies kunt zien hoe de agent de pagina waarneemt en ermee interacteert. Dit brengt enkele machineleesbare signalen aan het licht, zoals de toegankelijkheidsstructuur, die de agent mogelijk in de war brengen.
Dit helpt je om vóór de implementatie een hoogwaardige ervaring voor niet-menselijke gebruikers te garanderen.
Voor meer informatie over de mogelijkheden en configuratie van Chrome DevTools voor Agents kunt u terecht op onze GitHub-repository .
De volgende voorbeeldconfiguratie van Chrome DevTools voor Agents ( ~/.gemini/config/mcp_config.json voor AntigravityCLI of geconfigureerd in Antigravity) maakt verbinding met Chrome Canary.
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--autoConnect",
"--categoryExperimentalWebmcp",
"--channel=canary"
]
}
}
}
Gebruik de volgende voorbeeldquery: "Ga met Chrome DevTools MCP naar https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ en maak een pizza met 10 champignons en 2 paprika's; geef me een samenvatting van wat je hebt gedaan en welke tools je hebt gebruikt."
Je kunt DevTools for Agents ook gebruiken om een Lighthouse-audit uit te voeren die de gereedheid van agents controleert:
" Ik wil een agentic lighthouse-audit uitvoeren op https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname met behulp van Chrome DevTools MCP; geef me een volledige samenvatting. "
Wat volgt?
Om bij te dragen en deel te nemen aan de discussie, ga naar de officiële Lighthouse-repository .
Voor meer informatie over WebMCP, zie de WebMCP-documentatie . Voor meer informatie over Modern Web Guidance, zie de Modern Web Guidance-documentatie . Voor meer informatie over het optimaliseren van uw website voor generatieve AI, zie Uw website optimaliseren voor generatieve AI-functies in Google Zoeken .