Publié le 22 juin 2026
À mesure que les agents IA évoluent et passent de la simple génération de texte à la navigation, à l'interaction et à l'exécution de tâches complexes sur votre site Web, les développeurs ont besoin d'outils dédiés pour garantir une expérience de qualité à ces utilisateurs non humains. La nouvelle catégorie de navigation agentique de Lighthouse, associée aux améliorations apportées aux Outils pour les développeurs Chrome, fournit des audits déterministes et un framework de test pour vous aider à créer des sites Web compatibles avec les agents.
Le passage au Web agentique comporte deux étapes principales : les agents recherchent sur le Web et les agents utilisent le Web.
Lorsque les agents se contentent de rechercher des sites Web, les principes d'optimisation pour les moteurs de recherche (SEO) s'appliquent toujours. Dans cet article de blog, nous nous concentrons sur le travail que les développeurs peuvent effectuer lorsqu'un agent interagit directement avec le site Web.
Auditez, améliorez et déboguez votre site Web compatible avec les agents
Pour qu'un agent IA puisse effectuer un flux de manière fiable sur votre site, par exemple pour prendre un rendez-vous ou passer une commande, il a besoin de signaux prévisibles et lisibles par machine. Voici les outils qui vous aideront à évaluer et à améliorer cette préparation.
Auditez la compatibilité de votre site Web avec les agents
Ce que les audits vérifient : les audits se concentrent sur trois domaines clés essentiels pour l' interaction machine :
- Accessibilité : l'accessibilité est d'abord destinée aux humains. Les agents s'appuient sur l' arborescence d'accessibilité, dérivée du DOM pour les technologies d'assistance, comme modèle de données principal. L'audit de navigation agentique vérifie un sous-ensemble de catégories de l'audit d'accessibilité qui sont essentielles pour l'interaction machine. Par exemple, les deux audits vérifient que chaque élément interactif possède un nom programmatique. Une arborescence d'accessibilité bien formée est le principal moyen pour les agents IA de comprendre votre page.
- Stabilité : mesure la stabilité visuelle à l'aide du Cumulative Layout Shift (CLS) pour s'assurer que les éléments ne bougent pas de manière inattendue, ce qui évite les clics accidentels de l'agent.
- Intégration WebMCP : vérifie la disponibilité des outils WebMCP enregistrés, les formulaires auxquels il manque un WebMCP déclaratif et la validité du schéma. L'adoption de WebMCP aide les agents à exposer explicitement la logique et les formulaires de votre site, ce qui rend l'interaction fiable.
Le score : contrairement aux autres catégories Lighthouse, au moment de la publication, la navigation agentique est informative et non comparée. L'objectif est de fournir des signaux exploitables (état de réussite ou d'échec et avertissements) plutôt qu'un classement définitif.
Pour en savoir plus sur les vérifications d'audit spécifiques et sur ce que vous pouvez faire pour vous améliorer, consultez la documentation sur les audits de navigation agentique pour Lighthouse.
Rendez les interactions entre l'agent et le site Web plus rapides et plus fiables
WebMCP est une norme proposée qui vise à exposer des outils de structure aux agents IA sur les sites Web existants, ce qui accélère et simplifie les interactions avec les agents. Pour en savoir plus sur l'implémentation, consultez la section En savoir plus sur WebMCP.
Implémentez les dernières fonctionnalités à l'aide de l'agent de codage de votre choix
Modern Web Guidance fournit un ensemble de bonnes pratiques et de compétences pour aider les développeurs à créer des sites Web compatibles avec les agents. Il inclut la compétence webmcp, qui vous permet de déléguer l'implémentation des outils WebMCP à votre agent de codage.
En intégrant Modern Web Guidance dans votre workflow de développement, vous pouvez vous assurer que votre application est conçue avec des normes modernes et compatibles avec les agents. Pour en savoir plus, consultez la documentation Modern Web Guidance.
Testez et déboguez votre site Web avec les Outils pour les développeurs Chrome pour les agents
Pour le débogage approfondi et le développement itératif, les Outils pour les développeurs Chrome pour les agents offrent un persona de test unique. Ils vous permettent de transformer votre propre IDE ou agent de codage assisté par l'IA en agent de navigation, ce qui vous offre un degré de contrôle élevé.
Avec les Outils de développement pour les agents, vous pouvez :
- Simuler l'interaction de l'agent : vous pouvez simuler les étapes précises qu'un agent effectuerait, en devenant effectivement l'utilisateur (ou l'agent) pour reproduire les échecs et vérifier que les flux de votre site Web sont déterministes.
- Invocation directe de Lighthouse : votre environnement de test peut invoquer directement l'outil
lighthouse_auditdans l'onglet actif. Cela fournit un bilan de santé instantané et multicatégorie basé sur l'état actuel de la page, ce qui vous permet de vérifier les corrections de manière itérative par rapport aux normes de navigation agentique. - Enregistrement d'écran et débogage : l'outil offre des fonctionnalités de journalisation et d'enregistrement d'écran détaillées, ce qui vous permet de voir exactement comment l'agent perçoit la page et interagit avec elle. Cela expose certains signaux lisibles par machine, tels que l'arborescence d'accessibilité, qui peuvent dérouter l'agent.
Cela vous permet de garantir une expérience de qualité aux utilisateurs non humains avant le déploiement.
Pour en savoir plus sur les fonctionnalités et la configuration des Outils pour les développeurs Chrome pour les agents, consultez notre dépôt GitHub repository.
L'exemple de configuration suivant des Outils pour les développeurs Chrome pour les agents (~/.gemini/config/mcp_config.json pour AntigravityCLI ou configuré dans Antigravity) se connecte à Chrome Canary.
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--autoConnect",
"--categoryExperimentalWebmcp",
"--channel=canary"
]
}
}
}
Utilisez l'exemple de requête suivant : "Using Outils pour les développeurs Chrome 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."
Vous pouvez également utiliser les Outils pour les développeurs pour les agents afin d'effectuer un audit Lighthouse de compatibilité avec les agents :
"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."
Étape suivante
Pour contribuer et participer à la discussion, consultez le dépôt Lighthouse officiel.
Pour en savoir plus sur WebMCP, consultez la documentation. Pour en savoir plus sur Modern Web Guidance, consultez la documentation Modern Web Guidance. Pour en savoir plus sur l'optimisation de votre site Web pour l'IA générative, consultez la section Optimiser votre site Web pour les fonctionnalités d'IA générative dans la recherche Google.