Votre site a été conçu pour des internautes qui cliquent, scrollent et comparent. Désormais, il doit également être compris par des agents IA capables d’interpréter une page et d’agir pour le compte d’un utilisateur.
En effet, ce changement est déjà en cours. Les utilisateurs commencent à déléguer des tâches à des assistants IA: chercher un produit, comparer des offres, remplir un formulaire, finaliser une réservation. Ces agents ne se contentent pas de lire une page comme un moteur de recherche : ils doivent comprendre une interface, identifier les actions possibles et, dans certains cas, agir directement.
Beaucoup de sites ont été optimisés pour l’expérience humaine, et c’est essentiel. Mais ils ne sont pas toujours pensés pour une compréhension machine. C’est précisément le sujet traité par web.dev dans son article Build agent-friendly websites. Voici ce qu’il faut retenir, et comment aller plus loin.
Comment les agents IA lisent réellement vos pages
Les agents IA ne disposent pas d’un seul mode de lecture. Selon le contexte, ils peuvent s’appuyer sur quatre représentations d’un même site.
- Les screenshots : un agent analyse une capture d’écran avec un modèle de vision, repère les éléments par leur taille, position et couleur. Approche lente, coûteuse, et peu fiable dès que l’interface est parasitée : pop-in, bandeau cookie, composant visible uniquement après interaction.
- Le HTML : l’agent analyse le DOM pour comprendre la hiérarchie des titres, liens, boutons et champs. Un <button> correctement placé dans un bloc produit est compris comme une action sur ce produit. Un faux bouton codé en <div> envoie un signal moins explicite, parfois ignoré. Le HTML n’est pas seulement un support technique : c’est une couche de compréhension pour les moteurs, les assistants et les agents.
- L’accessibility tree : l’arbre d’accessibilité synthétise les rôles, noms et états des éléments interactifs. Il permet à l’agent d’identifier ce qui est actionnable sans être perturbé par le bruit visuel. Un site accessible et bien structuré devient naturellement plus lisible pour les agents : les bonnes pratiques d’accessibilité sont aussi des bonnes pratiques pour les machines.
- Le llms.txt : c’est la quatrième couche, et la plus haute. Ce sujet dépasse le périmètre de l’article web.dev cité en introduction, mais il s’inscrit dans le même mouvement. Là où le HTML opère page par page, le llms.txt opère à l’échelle du site entier. Placé à la racine (/llms.txt), ce fichier fournit à un agent un plan de navigation structuré : qui vous êtes, ce que votre site contient, quelles pages sont essentielles. Sans lui, l’agent doit explorer le site pour en reconstituer la structure. Avec lui, il y accède directement. La documentation Lighthouse est explicite sur ce point : sans llms.txt, les agents peuvent mettre plus de temps à comprendre la structure générale d’un site et son contenu principal.
À ne pas confondre. Le llms.txt n’est pas aujourd’hui un signal pris en compte par Google Search et ses fonctionnalités génératives (AI Overviews, AI Mode). En revanche, il est pertinent pour les agents de navigation automatisés : Lighthouse, l’outil d’audit de Google, le considère comme un élément essentiel dans sa catégorie expérimentale dédiée au web agentique. Ces recommandations émanent d’équipes différentes chez Google, ce qui peut créer des messages contradictoires selon les sources consultées. Le llms.txt est donc à traiter comme un levier pour les agents de navigation, pas comme un facteur de ranking, en tout cas à l’heure actuelle.
Pourquoi les sites à fort trafic sont plus exposés
Les sites à fort trafic cumulent souvent plusieurs couches techniques : CMS historique, front JavaScript complexe, widgets tiers, A/B tests, pop-ins marketing, design system propriétaire. Ces couches peuvent rendre le site moins lisible pour les agents, même si l’expérience reste parfaitement fluide pour un utilisateur humain.
Quelques exemples concrets : un bouton d’action rendu par JavaScript sans balisage sémantique clair, un formulaire avec des placeholders à la place de labels, un prix affiché visuellement mais absent du HTML, des avis clients injectés côté client et invisibles pour une machine, des contenus importants qui n’apparaissent qu’après une interaction. Et à l’échelle du site : aucun llms.txt pour guider l’agent, aucune version Markdown des pages clés.
Le risque touche la capacité du site à être compris, comparé, recommandé et actionné dans les nouveaux parcours assistés par IA.
Les optimisations prioritaires pour devenir agent-friendly
Priorité 1 : rendre les actions critiques explicites. Utiliser <button> pour les actions, <a> pour les liens, ajouter des labels accessibles. Le bouton « Ajouter au panier » doit être identifiable comme une action, rattaché au bon produit, visible dans le HTML comme dans l’interface.
Priorité 2 : exposer les informations business dans le HTML. Prix, disponibilité, avis, options, conditions de livraison, horaires, FAQ : ces données ne doivent pas dépendre uniquement d’un widget client-side ou d’une interaction utilisateur.
Priorité 3 : renforcer les données structurées. Déployer ou corriger les balisages selon les types de pages : Product, Review, FAQPage, BreadcrumbList, Organization, LocalBusiness, Article. Elles améliorent significativement la lisibilité machine, sans se substituer aux optimisations HTML.
Priorité 4 : déployer un llms.txt. Créer le fichier à la racine du site : résumé du site, liens vers les pages clés, descriptions concises. Pour chaque URL référencée, fournir une version .md de la page, en Markdown propre, sans navigation ni bruit JavaScript. C’est cette version que les agents de navigation liront en priorité. Un llms.txt bien construit transforme la manière dont un agent aborde votre site : au lieu de crawler, il comprend.
Priorité 5 : auditer l’accessibility tree et les parcours critiques. Chrome DevTools permet d’inspecter les rôles, noms accessibles et états des éléments interactifs. Les parcours à analyser en priorité : recherche produit, ajout au panier, demande de devis, réservation, formulaire de contact. L’objectif est de vérifier que ces parcours restent compréhensibles pour une machine, pas seulement pour un humain.
Fasterize : optimisez votre site pour les agents
Les optimisations décrites dans cet article ont un point commun : elles nécessitent d’intervenir sur le code du site. Sur un site à fort trafic, chaque modification peut dépendre d’un ticket IT, d’un arbitrage produit ou d’un cycle de release. C’est là que Fasterize intervient, avec deux produits complémentaires : EdgeSEO et EdgeSpeed.
- Données structurées (EdgeSEO) : déployer ou corriger les balisages Product, Review, FAQPage et autres schemas directement sur les URLs concernées, sans modifier le code source.
- Avis clients JS convertis en HTML (EdgeSEO) : les widgets d’avis injectés côté client sont invisibles pour les agents. EdgeSEO rend ces contenus disponibles dans le HTML servi, accessibles sans exécution JavaScript.
- llms.txt et conversion html2Markdown (EdgeSEO) : les pages référencées dans le llms.txt doivent exister en version Markdown propre. La fonctionnalité html2Markdown d’EdgeSEO génère automatiquement ces versions .md, nettoyées de toute navigation et de tout bruit JavaScript, et les expose exclusivement aux agents de navigation, sans créer de double contenu pour les moteurs de recherche.
- Optimisation du CLS (EdgeSpeed) : les sauts de mise en page au chargement (Cumulative Layout Shift) perturbent les agents qui s’appuient sur des screenshots ou sur la stabilité visuelle de l’interface. EdgeSpeed corrige ces instabilités à la couche Edge, sans attendre une correction front.
Fasterize ne remplace pas une refonte front ou une stratégie d’accessibilité de fond. Il raccourcit drastiquement le time to market sur les optimisations qui relèvent aujourd’hui d’une dépendance IT, et permet de les déployer à grande échelle sur des sites à fort trafic.
Les agents IA remettent les fondamentaux du web au centre
Devenir agent-friendly ne signifie pas repartir de zéro. Cela revient à renforcer les fondamentaux : HTML sémantique, accessibilité, données structurées, contenus exposés correctement, actions clairement identifiables, et désormais un llms.txt qui donne aux agents une carte lisible de votre site.
Les agents IA ne remplacent pas les utilisateurs. Ils deviennent une nouvelle interface entre eux et votre site. Pour rester visible, compréhensible et actionnable dans ces nouveaux parcours, votre site doit envoyer des signaux propres, à la page comme à l’échelle du site. Fasterize est là pour vous accompagner dans cette transformation, avec un objectif constant : un time to market court, une performance mesurable, et un impact business concret.
C’est votre sujet du moment ?
