Publié le : 22 juin 2026
À mesure que les agents IA évoluent, passant 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 haute 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 prêts pour les agents.
Le passage au Web agentique implique deux étapes majeures : les agents recherchent sur le Web et les agents utilisent le Web.
Lorsque les agents recherchent simplement 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.
Auditer, améliorer et déboguer votre site Web prêt pour les agents
Pour qu'un agent d'IA puisse effectuer un parcours de manière fiable sur votre site (par exemple, 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 votre préparation.
Auditer la capacité de votre site Web à être géré par un agent
La nouvelle catégorie de navigation agentique dans Lighthouse est disponible à partir de la version M150. Elle fournit aux développeurs un ensemble d'audits déterministes pour évaluer la compatibilité de leurs sites Web avec les agents, ce qui encourage l'adoption de nouvelles normes du secteur.
Ce que vérifient les audits : les audits se concentrent sur trois domaines clés essentiels pour l'interaction avec les machines :
- 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 avec les machines. Par exemple, les deux audits vérifient que chaque élément interactif possède un nom de programmation. 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 se déplacent pas de manière inattendue, ce qui évite les clics involontaires de l'agent.
- Intégration WebMCP : vérifie la disponibilité des outils WebMCP enregistrés, les formulaires auxquels il manque des WebMCP déclaratifs 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, la navigation agentique est informative et non évaluée au moment de la publication. 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 améliorer vos résultats, consultez la documentation sur les audits de navigation par agent pour Lighthouse.
Rendre les interactions entre l'agent et le site Web plus rapides et plus fiables
WebMCP est une norme proposée qui vise à exposer les outils de structure aux agents d'IA sur les sites Web existants, ce qui accélère et simplifie les interactions des agents. Pour en savoir plus sur l'implémentation, consultez À propos de WebMCP.
Implémenter les dernières fonctionnalités à l'aide de votre agent de codage préféré
Les conseils pour le Web moderne fournissent un ensemble de bonnes pratiques et de compétences pour aider les développeurs à créer des sites Web adaptés aux 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 les conseils sur le Web moderne à votre workflow de développement, vous pouvez vous assurer que votre application est conçue avec des normes modernes et adaptées aux agents dès le départ. Pour en savoir plus, consultez la documentation sur les conseils pour le Web moderne.
Tester et déboguer votre site Web avec les outils pour les développeurs Chrome pour les agents
Pour un débogage approfondi et un développement itératif, Outils pour les développeurs Chrome pour les agents offre un persona de test unique. Il vous permet de transformer votre propre IDE ou agent de programmation assisté par l'IA en agent de navigation, ce qui vous offre un haut degré de contrôle.
Avec les outils de développement pour les agents, vous pouvez :
- Simuler l'interaction d'un agent : vous pouvez simuler les étapes précises qu'un agent suivrait, 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 une vérification de l'état instantanée et multicatégories basée 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 d'enregistrement d'écran et de journalisation détaillées. Vous pouvez ainsi 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 haute 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.
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 : "À l'aide de l'outil MCP Chrome DevTools, accède à https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ et crée-moi une pizza avec 10 champignons et 2 poivrons. Veille à me fournir un récapitulatif de ce que tu as fait et des outils que tu as appelés."
Vous pouvez également utiliser les outils de développement pour les agents afin d'effectuer un audit Lighthouse sur la préparation des agents :
"Je souhaite effectuer un audit Lighthouse agentic sur https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname à l'aide de l'outil MCP des outils pour les développeurs Chrome. Fournis-moi un résumé complet."
Étape suivante
Pour contribuer et participer à la discussion, consultez le dépôt Lighthouse officiel.
Pour en savoir plus sur WebMCP, consultez la documentation WebMCP. Pour en savoir plus sur les conseils pour le Web moderne, consultez la documentation sur les conseils pour le Web moderne. Pour en savoir plus sur l'optimisation de votre site Web pour l'IA générative, consultez Optimiser votre site Web pour les fonctionnalités d'IA générative dans la recherche Google.