Votre contenu est-il visible sans JavaScript ?

Pourquoi c'est important

Quand quelqu'un ouvre votre site, son navigateur reçoit de votre serveur un fichier de code HTML. Sur la plupart des sites, ce fichier contient déjà votre texte : vos services, vos prix, vos horaires. Sur certains sites modernes, le fichier est presque vide. Un programme écrit en JavaScript s'exécute ensuite dans le navigateur et construit le texte à l'écran.

Pour un visiteur, les deux se ressemblent. Pour un robot d'exploration, non. Google exécute le JavaScript avant de lire une page, mais Google lui-même précise que « not all bots can run JavaScript » (tous les robots ne peuvent pas exécuter JavaScript). Un robot qui lit seulement le fichier envoyé par votre serveur peut n'y trouver aucun texte, et n'a alors rien à citer sur vous.

<body>
  <div id="root"></div>
  <script src="/app.js"></script>
</body>

<body>
  <h1>Kastell Conseil</h1>
  <p>Comptabilité et salaires pour
  les petites sociétés au Luxembourg.</p>
</body>

Illustration avec une entreprise fictive.

Avant de commencer

Préparez ceci

• Google Chrome sur un ordinateur. Les raccourcis ci-dessous sont ceux de Chrome.
• Trois adresses à tester : votre page d'accueil, votre page de service la plus importante et votre page de contact.
• Pour chaque page, une phrase visible à l'écran et importante, par exemple la première ligne d'une description de service. Choisissez une phrase courte, sans apostrophe, guillemets ni « & » : dans le fichier HTML, ces caractères sont souvent écrits sous forme de codes, et une recherche exacte peut les manquer.

Étapes

Trois contrôles, et un à éviter

1. Contrôle 1 : cherchez dans le code source

   Ouvrez la page dans Chrome. Appuyez sur Ctrl + U (Windows, Linux) ou ⌘ + Option + U (Mac). Chrome ouvre un nouvel onglet avec le fichier HTML tel que votre serveur l'a envoyé, avant l'exécution de tout JavaScript.

   Dans cet onglet, appuyez sur Ctrl + F (Windows, Linux) ou ⌘ + F (Mac) et tapez quelques mots de votre phrase.

   • Trouvée. Très bien : les robots qui n'exécutent pas JavaScript peuvent lire ce texte.
   • Introuvable. Le texte est ajouté ensuite par JavaScript. Essayez une deuxième phrase de la même page pour en être sûr, puis passez aux corrections plus bas.

   view-source:https://letzscale.com

   

   Sur notre propre page d'accueil, letzscale.com, la phrase « Get a free report on what ChatGPT, Gemini and Google AI Overviews say about you » apparaît dans le code source : elle est donc bien dans le fichier HTML.

2. Contrôle 2 : récupérez la page comme un robot simple développeur

   Le même contrôle depuis un Terminal, pratique pour tester beaucoup de pages. curl télécharge le fichier HTML et n'exécute pas JavaScript. -s masque la barre de progression, -L suit les redirections (par exemple de yourcompany.lu vers www.yourcompany.lu). grep -io affiche la phrase s'il la trouve, sans tenir compte des majuscules.

   Terminal · notre page d'accueil, 24 octobre 2026Copier

   curl -sL https://letzscale.com/ | grep -io "Get a free report on what ChatGPT, Gemini and Google AI Overviews say"

   Si la phrase est dans le HTML, le Terminal l'affiche. S'il n'affiche rien, la phrase n'est pas dans le fichier envoyé par votre serveur. Remplacez l'adresse et la phrase par les vôtres.

3. Contrôle 3 : désactivez JavaScript dans Chrome

   Vous voyez ainsi, à l'écran, ce que reçoit un lecteur sans JavaScript.

   1. Ouvrez la page, puis les outils de développement (DevTools) : F12 ou Ctrl + Maj + J (Windows, Linux), ⌘ + Option + I (Mac).
   2. Ouvrez le menu de commandes (Command Menu) : Ctrl + Maj + P (Windows, Linux) ou ⌘ + Maj + P (Mac).
   3. Tapez javascript, choisissez la commande Disable JavaScript (désactiver JavaScript) et appuyez sur Entrée.
   4. Rechargez la page, en laissant DevTools ouvert.

   Regardez ce qui reste. Une page blanche, une icône de chargement, ou des menus sans le texte de vos services signifient que le contenu dépend de JavaScript. JavaScript reste désactivé dans cet onglet seulement tant que DevTools est ouvert. Pour le réactiver, lancez Enable JavaScript (activer JavaScript) depuis le menu de commandes, ou fermez DevTools.

4. N'utilisez pas « Inspecter » pour ce contrôle

   Un clic droit sur une phrase, puis Inspecter, ouvre le panneau Elements. Il affiche presque toujours votre texte, même sur un site au HTML vide, car il montre la page après l'exécution de JavaScript. La documentation de Chrome le formule ainsi : « HTML represents initial page content and the DOM represents active, current page content » (le HTML est le contenu initial de la page, le DOM son contenu actuel). Le panneau Elements montre le DOM. Les robots qui n'exécutent pas JavaScript ne reçoivent que le HTML : utilisez les contrôles 1 à 3.

Correction

Mettez le texte dans le HTML

Si vos contrôles ont révélé du texte manquant, l'objectif est simple : votre serveur doit envoyer le texte important dans le fichier HTML, au lieu de le construire ensuite dans le navigateur.

Pour votre développeur

Les pièges JavaScript selon Google

Même quand le texte est dans le HTML, certaines choses posent problème sur les sites en JavaScript. Elles viennent de la page de Google sur les bases du SEO JavaScript :

• Les liens doivent être de vrais liens. Google ne peut découvrir vos liens que s'il s'agit d'éléments HTML <a> avec un attribut href. Un bouton ou un <div> qui change la page au clic n'est pas un lien que les robots peuvent suivre.
• Définissez l'URL canonique dans le HTML. Selon Google, c'est la meilleure méthode. Si JavaScript la définit aussi, elle doit correspondre à la valeur du HTML d'origine.
• Placez le noindex dans le HTML d'origine, ou nulle part. Quand Google voit une balise noindex, il peut ne pas exécuter le JavaScript. Un noindex que JavaScript retire ensuite peut garder la page hors de Google. Si vous voulez que la page soit indexée, ne mettez pas de noindex dans le code d'origine.
• Les pages manquantes doivent renvoyer un vrai 404. Google utilise les codes de statut HTTP pour savoir si quelque chose s'est mal passé. Un message « page introuvable » affiché par JavaScript sur une page qui répond 200 (OK) ressemble à une vraie page. Google propose une redirection vers une URL qui renvoie 404, ou l'ajout de noindex aux pages d'erreur.

Vérifiez le résultat

Refaites les contrôles

Une fois la modification en ligne, refaites le contrôle 1 ou le contrôle 2 sur les mêmes pages, avec les mêmes phrases. Utilisez une fenêtre de navigation privée pour voir la version en ligne et non une copie enregistrée.

Erreurs fréquentes

Ce qui se passe mal le plus souvent

• Vérifier avec « Inspecter ». Le panneau Elements montre la page après l'exécution de JavaScript, donc il cache le problème.
• Tester seulement la page d'accueil. Les pages de services, de prix et de contact sont souvent construites autrement. Vérifiez les pages que vous voulez voir citées par les assistants IA.
• Chercher une phrase avec une apostrophe ou un « & ». Ces caractères sont souvent écrits sous forme de codes dans le HTML : la recherche ne trouve rien alors que le texte est là. En français, évitez donc les phrases avec « l' » ou « d' ».
• Texte clé dans un carrousel ou des onglets. Le titre est dans le HTML, mais les prix ou les horaires ne se chargent que lorsqu'un visiteur clique.
• Choisir l'affichage dynamique comme solution durable. Google le qualifie de solution de contournement. Le rendu côté serveur ou statique est la solution durable.