Contenu illisible par l'IA : bannières cookies, connexions, PDF et texte dans les images

Pourquoi c'est important

Votre site peut être ouvert aux robots d'exploration et cacher quand même les informations qui comptent. Un robot d'exploration est un visiteur automatique : il n'a pas de mot de passe, il ne clique pas sur « Accepter », et il lit du texte, pas des images. Si vos prix, vos horaires ou vos services se trouvent derrière un mur de cookies, derrière une connexion, dans un PDF scanné ou dans une image, le robot peut tomber sur une page presque vide, sans rien à citer.

Pour ses fonctionnalités d'IA, Google le dit simplement : assurez-vous que « important content is available in textual form » (le contenu important est disponible sous forme de texte), et utilisez les images et les vidéos pour accompagner ce texte, pas pour le remplacer. Ce guide repère les informations cachées sur votre site et les replace dans le texte normal de vos pages.

<h1>Café Ribeiro</h1>
<p>Découvrez notre carte !</p>
<a href="https://cafe-ribeiro.example/carte-octobre.pdf">
  Télécharger la carte (PDF)</a>
<!-- le PDF est un scan :
     une photo de la carte imprimée -->

<h1>Café Ribeiro : carte du midi</h1>
<h2>Midi, du lundi au samedi,
  de 12h00 à 14h30</h2>
<p>Plat du jour : 16,50 €</p>
<p>Soupe du jour : 7,00 €</p>
<p>Pastel de nata : 2,80 €</p>
<a href="https://cafe-ribeiro.example/carte-octobre.pdf">
  Carte à imprimer (PDF)</a>

Illustration avec une entreprise fictive.

Référence

Quatre endroits où vos informations se cachent

Avant de commencer

Préparez ceci

• Google Chrome sur un ordinateur. Les raccourcis ci-dessous sont ceux de Chrome.
• Vos informations clés : horaires, prix ou prix « à partir de », services, adresse, téléphone. Si vous avez une fiche d'informations issue du Guide 04, utilisez-la.
• Les trois à cinq pages où ces informations doivent figurer : en général la page d'accueil, la page services ou carte, la page des prix et la page contact.

Étapes

Quatre contrôles, un par cachette

1. Contrôle 1 : ouvrez vos pages comme un nouveau visiteur

   Ouvrez une fenêtre privée : Ctrl + Maj + N (Windows, Linux) ou ⌘ + Maj + N (Mac). Chrome l'appelle fenêtre de navigation privée (Incognito). Elle n'a ni cookies enregistrés ni connexions, ce qui se rapproche de ce que voit un robot. Ouvrez-y chacune de vos pages.

   • Une bannière cookies s'affiche par-dessus la page, et vous voyez votre texte derrière ou en dessous. Bien : le contenu est sur la page.
   • La page reste vide, ou votre adresse change pour une page de consentement séparée, tant que vous n'avez pas cliqué sur « Accepter ». C'est un mur de cookies. Voir la correction A.
   • La page vous demande de vous connecter. Tout ce qu'elle contient est invisible pour les robots. Voir la correction B.

2. Contrôle 2 : cherchez vos informations dans le code source

   Sur chaque page, appuyez sur Ctrl + U (Windows, Linux) ou ⌘ + Option + U (Mac). Chrome affiche le fichier HTML tel que votre serveur l'a envoyé. Appuyez sur Ctrl + F ou ⌘ + F et cherchez un prix, par exemple 16,50, puis vos horaires, par exemple 14h30.

   • Trouvé. Bien : l'information est du texte sur la page.
   • Introuvable, alors que vous la voyez à l'écran. Elle est dans un PDF, une image, ou construite par JavaScript. Les contrôles 3 et 4 vous disent lequel. Pour tester JavaScript, faites le contrôle « Disable JavaScript » du Guide 12.

3. Contrôle 3 : testez vos PDF

   Ouvrez dans Chrome chaque PDF qui contient une information clé (carte, liste de prix, brochure). Appuyez sur Ctrl + F ou ⌘ + F et cherchez un prix. Essayez ensuite de sélectionner une ligne de texte avec la souris.

   • Trouvé, et le texte se sélectionne. Le PDF contient du vrai texte. Google peut indexer les PDF, mais l'information reste dans un fichier séparé, pas sur votre page. Copiez aussi les informations clés sur la page (correction C).
   • Introuvable, ou rien ne se sélectionne. Le PDF est un scan ou une image : il ne contient aucun texte à lire. La correction C est prioritaire.

4. Contrôle 4 : repérez le texte dans les images, carrousels et vidéos

   Sur chaque page, essayez de sélectionner à la souris les mots importants : horaires, prix, offres, numéro de téléphone. Les mots que vous ne pouvez pas sélectionner font partie d'une image. Regardez surtout les bannières, affiches, carrousels et visuels « offre spéciale ».

   Dans le code source (contrôle 2), cherchez alt=. Chaque image a un attribut alt : un court texte qui décrit l'image. Si une image porteuse d'information a un alt="" vide ou pas d'attribut du tout, voir la correction D.

   Pour les vidéos, vérifiez que la page autour de la vidéo dit en mots ce que dit la vidéo : ce que vous proposez, où, et les prix ou dates qu'elle mentionne.

Correction

Remettez les informations en texte sur la page

1. Correction A : une bannière cookies qui ne cache pas la page

   Continuez à demander le consentement. Changez la façon dont la bannière s'affiche : le contenu de la page doit se charger normalement, avec la bannière par-dessus, pas à sa place. Pour les fenêtres de consentement et autres fenêtres obligatoires, Google recommande que « the content is overlaid with the interstitial » (le contenu soit recouvert par la fenêtre), et de ne pas rediriger les visiteurs « to a different page for collecting consent » (vers une autre page pour recueillir le consentement). Si votre site envoie tout le monde d'abord vers une seule page de consentement, Google ne peut récupérer que cette page.

   La plupart des sites utilisent un outil ou une extension de gestion des cookies pour la bannière. Demandez à votre développeur ou au support de l'outil une bannière qui s'affiche par-dessus la page, sans redirection vers une page de consentement séparée et sans page vide avant le choix.

   Au Luxembourg : gardez la bannière, ne verrouillez pas la page

   La solution n'est pas de supprimer le consentement. Les cookies qui ne sont pas strictement nécessaires, par exemple pour les statistiques ou la publicité, demandent toujours le consentement des visiteurs. La CNPD, l'autorité luxembourgeoise de protection des données, publie des lignes directrices sur les cookies et autres traceurs. Elles indiquent qu'un site qui conditionne l'accès à son contenu à un clic sur « J'accepte » ne recueille pas un consentement valide, et recommandent qu'il soit aussi simple de refuser que d'accepter. Lisez les lignes directrices de la CNPD en matière de cookies et vérifiez votre bannière avec la personne qui gère la protection des données pour vous. Ce guide n'est pas un conseil juridique.

2. Correction B : les informations publiques sur des pages publiques

   Passez en revue ce qui se trouve derrière votre connexion. Tout ce dont un nouveau client a besoin pour vous choisir a sa place sur une page publique : ce que vous proposez, pour qui, vos prix ou prix « à partir de », vos horaires, comment vous contacter. Ne gardez derrière la connexion que ce qui concerne un client précis : documents, commandes, prix personnalisés.

   Si vos membres ont des prix différents, une page publique peut tout de même dire en quoi consiste le service et comment devenir membre.

3. Correction C : les informations clés en texte, le PDF en complément

   Saisissez les parties importantes de chaque PDF dans une page normale : plats et prix, noms des services et prix, horaires. Utilisez des titres et des lignes courtes, comme dans l'exemple du Café Ribeiro plus haut. Gardez le PDF pour l'impression, avec un lien qui dit ce qu'il est, par exemple « Carte à imprimer (PDF) ».

   Modifiez les deux en même temps. Une page qui affiche 16,50 € et un PDF qui affiche encore 15,00 € donnent deux réponses aux visiteurs comme aux assistants IA. Une ligne du type « Prix valables à partir du 1er octobre 2026 » sur la page aide.

   Pour rédiger la page elle-même, avec des premières lignes qui répondent aux questions des clients, voir le Guide 06 : Rédigez des pages que ChatGPT peut citer.

4. Correction D : du vrai texte plutôt que du texte dans les images

   Quand une image affiche des mots importants (horaires, prix, offre), mettez ces mots dans un bloc de texte normal sur la page. Le W3C, qui fixe les standards d'accessibilité du web, considère comme une bonne pratique d'utiliser du vrai texte mis en forme plutôt que du texte dans des images.

   Donnez un texte alternatif (alt) à chaque image porteuse d'information. Google utilise le texte alternatif, avec ce qu'il voit dans l'image, pour comprendre l'image, et ce texte aide les personnes qui utilisent un lecteur d'écran. Si l'image contient du texte, le W3C précise que le texte alternatif « must contain the same text presented in the image » (doit reprendre le texte présent dans l'image). L'exemple de bon texte alternatif donné par Google est court et précis : « Dalmatian puppy playing fetch » (chiot dalmatien qui rapporte la balle), pas une liste de mots-clés.

   Texte alternatif d'une image développeur

   <img src="horaires.jpg">
   
   <img src="horaires.jpg"
     alt="Horaires : du lundi au samedi,
     de 8h00 à 18h00. Fermé le dimanche.">

   Dans WordPress, Wix et Webflow, le texte alternatif se saisit dans les réglages de l'image, en général dans un champ appelé « Texte alternatif » (Alt text). Même avec un bon texte alternatif, gardez aussi les informations importantes dans le texte de la page.

   Pour les vidéos : donnez à la page un titre et une description qui disent de quoi parle la vidéo. Google demande un titre et une description propres à chaque page vidéo. Ajoutez en dessous une transcription, c'est-à-dire une version texte de ce qui est dit dans la vidéo. Le W3C note qu'une transcription avec des titres et des liens « also helps with SEO » (aide aussi le référencement).

Vérifiez le résultat

Refaites les contrôles

Une fois les changements en ligne, refaites les contrôles 1 et 2 dans une nouvelle fenêtre de navigation privée, avec les mêmes pages et les mêmes informations.

Erreurs fréquentes

Ce qui se passe souvent mal

• Supprimer la bannière cookies. Le problème est une bannière qui bloque la page, pas la bannière elle-même. Continuez à demander le consentement.
• Tester dans votre fenêtre habituelle. Vous avez déjà accepté les cookies et vous êtes peut-être connecté : vous ne voyez pas ce que voit un nouveau visiteur.
• Mettre à jour le PDF et oublier la page, ou l'inverse. Deux prix différents, c'est pire qu'un seul.
• Bourrer le texte alternatif de mots-clés. Google prévient que cela peut faire passer votre site pour du spam. Décrivez ce que montre l'image.
• Des horaires uniquement dans un carrousel ou sur une affiche. La question qu'on vous pose le plus mérite une ligne de texte simple sur votre page d'accueil et votre page contact.