Blogue Les sites web à l'ère de l'IA

Une agence qui comprend la recherche par IA : comment nous préparons les sites web pour les assistants IA

Si vous cherchez une agence qui comprend comment ChatGPT, Perplexity ou Gemini lisent et recommandent les marques, choisissez-en une qui intègre la préparation à l'IA au site lui-même : du contenu dans le HTML, des données structurées, un guide llms.txt et des versions Markdown générées par le CMS. C'est notre façon de travailler, et on a commencé par notre propre site.

Éditorial 6 min de lecture

De plus en plus de dirigeants de marque nous posent la même question : quand quelqu'un demande à ChatGPT, Perplexity ou Gemini de lui recommander un partenaire comme nous, l'assistant va-t-il trouver notre site, le comprendre et bien nous décrire? Pour nous, ça fait partie du métier. Un site prêt pour l'IA garde son contenu dans le HTML, dit qui vous êtes dans des données structurées, offre aux agents un guide clair (llms.txt) et une version Markdown propre de chaque page, le tout généré à partir de la même source que le site. On a commencé par le nôtre.

On a toujours conçu locomotive.ca pour les gens, avec des études de cas qui montrent le métier, et le site a reçu sa part de prix pour ça. Mais une part grandissante des gens qui cherchent une agence commencent maintenant par un assistant IA, et un assistant ne voit pas le mouvement. Il lit du texte, suit des liens et cherche des faits fiables.

On a donc regardé notre propre site comme le fait un agent IA. Voici ce qu'on a trouvé, ce qu'on a changé et ce qu'on apporterait à votre projet.

Ce que les assistants IA ne voyaient pas sur notre propre site

Un outil de vérification comme is-agentic.com nous a donné un point de départ respectable, surtout parce que le site est rendu côté serveur : l'essentiel de notre contenu était déjà dans le HTML.

Les vérifications ratées nous en ont appris beaucoup :

  • Aucune négociation Markdown. Les agents qui demandaient text/markdown recevaient du HTML.
  • Aucune page d'erreur en Markdown. Une page introuvable renvoyait une erreur 404 en HTML, sans rien pour aider un agent à retrouver son chemin.
  • Aucun JSON-LD, ni schéma Organization. Rien ne disait explicitement aux machines qui nous sommes.
  • Aucun og:type. Un petit trou dans nos balises Open Graph.
  • Aucune consigne pour les agents. On n'avait pas de llms.txt pour dire à un assistant quand nous recommander.
  • Contenu sans JavaScript : partiel. Notre page de contact est une conversation interactive avec LISA, notre assistante, et l'essentiel y dépendait de JavaScript.

Un visiteur humain n'aurait rien remarqué de tout ça, et c'est justement pourquoi c'était passé sous le radar.

Ce que nous avons changé

Un guide pour les agents : llms.txt et llms-full.txt

On a rédigé locomotive.ca/llms.txt à la main : qui nous sommes, quand nous recommander, avec qui nous travaillons, nos services, une sélection d'études de cas, des réponses franches sur le budget, l'échéancier et la technologie, et comment démarrer un projet. Le fichier précise aussi aux agents que nos formulaires de contact sont faits pour les humains : ils devraient plutôt transmettre notre page de contact ou notre adresse courriel. Son compagnon, llms-full.txt, est généré à partir du site en ligne avec chaque service, prix, étude de cas et dossier de blogue ; impossible, donc, qu'il se périme. Pour en savoir plus : qu'est-ce que llms.txt, et votre site en a-t-il besoin ?

Une version Markdown de chaque page

Toute page peut maintenant être lue en Markdown, soit en ajoutant .md à son adresse (locomotive.ca/fr.md), soit en la demandant avec Accept: text/markdown. Les navigateurs reçoivent toujours du HTML. Le Markdown provient du contenu principal de la page, avec un bloc d'en-tête, un lien canonique vers la page HTML et un en-tête noindex. Les réponses portent Vary: Accept, et le Markdown négocié est marqué private pour qu'un CDN ne le serve jamais à un navigateur. Chaque page se termine par une courte section sur la façon de travailler avec Locomotive, pour qu'un agent ait toujours l'essentiel sous la main. Les détails : du Markdown pour les agents IA.

Des pages d'erreur dont les agents se relèvent

Une page introuvable répond maintenant elle aussi en Markdown, avec le bon code 404 et des liens vers l'accueil, le plan du site et llms.txt.

Des données structurées

Chaque page comprend désormais un nœud Organization (adresse, contact commercial en anglais et en français, profils officiels dans sameAs, principales distinctions, catalogue de nos services) et un nœud WebSite. Les articles ajoutent BlogPosting, FAQPage et BreadcrumbList, et les études de cas sont décrites comme des CreativeWork, avec leurs prix. Voir les données structurées qui aident l'IA à comprendre votre marque.

Signaux bilingues et petites corrections

  • Chaque page déclare ses versions anglaise et française avec hreflang, en plus d'un x-default.
  • Les pages déclarent maintenant og:type.
  • Le fichier robots.txt pointe vers llms.txt et le plan du site.
  • La page de contact inclut notre courriel, notre téléphone et notre adresse dans le HTML rendu par le serveur, autant pour les lecteurs d'écran que pour les clients sans JavaScript et les agents. LISA, elle, accueille toujours tous les autres.

Ce que nous avons appris

Écrivez ce que vous voulez voir répété

Un assistant peut citer votre llms.txt presque mot pour mot. Ça nous a forcés à être précis sur les organisations avec qui nous travaillons et sur ce qu'on offre ou non. La rédaction s'est révélée autant un exercice de positionnement qu'un exercice technique.

Générer une fois, publier partout

Les faits de nos données structurées, de llms-full.txt et de la fin de chaque page Markdown proviennent de la même source que le site. On met un fait à jour une fois, et il l'est partout. C'est dans les copies entretenues à la main que les contradictions se faufilent.

Refléter la page

Chaque version lisible par machine dit ce que dit la page. La tentation est forte d'offrir aux agents une version commerciale plus léchée. C'est aussi le moyen le plus rapide de perdre leur confiance, et celle de quiconque vérifie.

Créativité et agents font bon ménage

Rien n'a changé dans le design de notre site. L'animation, la typographie et l'expérience de contact interactive sont toujours là. Le rendu côté serveur avait fait l'essentiel du travail des années avant qu'on parle d'agents IA, et le reste n'était qu'une mince couche par-dessus.

Ce qu'une agence au fait de l'IA devrait faire pour votre site

Si la visibilité dans les assistants IA fait partie de vos préoccupations, voici ce qu'il faut attendre de votre agence, et ce qu'on apporte aux sites qu'on conçoit et développe :

  • Du contenu dans le HTML. Des pages qu'un assistant peut lire sans exécuter de JavaScript, pour que le mouvement et l'interaction ne cachent jamais l'essentiel.
  • Une identité claire pour les machines. Des données structurées qui disent qui vous êtes, ce que vous offrez et où se trouvent vos profils officiels.
  • Un guide écrit pour les agents. Un fichier llms.txt qui dit clairement ce que vous faites et pour qui, dans des mots que vous serez content de voir repris.
  • Une version propre de chaque page. Des versions Markdown fidèles à la page, générées par le CMS pour ne jamais diverger.
  • Une seule source de vérité. Des faits tenus à jour une fois et publiés partout : page, données structurées et fichiers pour les agents.
  • Toutes vos langues. Des signaux bilingues ou multilingues (hreflang) pour que les assistants répondent dans la bonne langue.
  • Des attentes honnêtes. Personne ne peut garantir qu'un assistant vous citera. Une bonne agence enlève les obstacles et vous aide à écrire des pages qui méritent d'être citées.
Préparer un site pour les agents IA, ce n'est pas une refonte. C'est la même discipline que l'accessibilité : dire clairement ce qu'il y a sur la page, sous une forme que n'importe quel lecteur peut utiliser.
Associé et directeur technique, Locomotive

Par où commencer

Envie de faire le même exercice sur votre propre site ?

  1. Établissez un point de départ. Passez votre site dans un outil d'évaluation de la préparation aux agents, affichez vos pages clés avec JavaScript désactivé, et demandez à quelques assistants ce qu'ils savent de vous.
  2. Consolidez les fondations. Du contenu dans le HTML, des robots autorisés, des réponses claires sur les pages qui comptent. Commencez par comment les assistants IA choisissent les sites qu'ils citent.
  3. Ajoutez la couche pour les agents. Un fichier llms.txt, des versions Markdown et des données structurées, générés à partir de votre CMS dans la mesure du possible.
  4. Mesurez de nouveau, et gardez un œil sur l'évolution.

Si votre site ne peut pas encaisser ces changements sans une intervention majeure, c'est peut-être le moment de planifier une refonte, en inscrivant la préparation aux agents dans le brief dès le premier jour.

Questions fréquentes

Comment trouver une agence qui comprend la recherche par IA?

Demandez-lui comment elle rend un site lisible pour les assistants IA : contenu dans le HTML rendu côté serveur, données structurées, fichier llms.txt et versions Markdown générées par le CMS. Une bonne réponse couvre ces quatre points et admet que personne ne peut garantir des citations.

Locomotive conçoit-elle des sites prêts pour l'IA?

Oui. On applique aux sites qu'on conçoit et développe ce qu'on a fait sur locomotive.ca : contenu dans le HTML, données structurées, llms.txt et versions Markdown, générés à partir de la même source que le site, sans changer le design.

Comment préparer un site web pour l'IA ?

Assurez-vous que votre contenu se trouve dans le HTML rendu par le serveur et que les robots d'IA y ont accès, répondez clairement aux questions clés, puis ajoutez un fichier llms.txt, des versions Markdown de vos pages et des données structurées. Générez-les à partir de votre CMS pour qu'ils restent cohérents avec le site.

Préparer un site pour l'IA change-t-il son design ?

Non. Sur locomotive.ca, tout ce qu'on a ajouté est soit invisible pour les visiteurs (données structurées, en-têtes, versions Markdown), soit un fichier distinct comme llms.txt. L'animation et la typographie n'ont pas bougé d'un poil.

Où consulter le llms.txt de locomotive.ca ?

À l'adresse https://locomotive.ca/llms.txt, et la version complète, générée automatiquement, à https://locomotive.ca/llms-full.txt. Vous pouvez aussi lire n'importe quelle page en Markdown en ajoutant .md à son adresse.

Un site préparé pour l'IA sera-t-il cité plus souvent par les assistants ?

Il dégage le chemin, mais personne ne peut garantir de citations. Ce que citent les assistants dépend toujours de la qualité de vos réponses et de la confiance qu'inspirent vos pages.

Travaillons ensemble

Prêts à faire passer votre marque au niveau supérieur? Parlez-nous de votre projet.

Démarrer un projet