JavaScript et SEO : ce que Google voit vraiment

JavaScript et SEO, c’est le sujet qui fait peur dès qu’on parle de refonte de site. « Google lit-il le JavaScript ? » La réponse courte : oui, Google l’exécute. Mais pas tout de suite, pas toujours, et les robots des IA comme ChatGPT ou Claude, eux, ne l’exécutent pas du tout.

JavaScript et SEO font bon ménage si votre contenu principal, vos liens et vos balises sont déjà dans le HTML envoyé par le serveur. Le JavaScript doit enrichir la page, jamais être la seule façon d’afficher le texte.

Je fais du SEO depuis 2011, j’ai vu passer à peu près toutes les mises à jour de Google, et la Search Console est mon outil de tous les jours. Sur le JavaScript, mon constat est simple : le problème n’est presque jamais le JavaScript lui-même, c’est ce qu’on lui confie. Je vous explique comment Google le traite, comment vérifier votre site en 5 minutes, et quoi corriger.

Comment Google traite le JavaScript pour le SEO

Google lit-il le JavaScript ?

Oui, mais en deux temps : il explore d’abord le HTML brut, puis il met la page en file d’attente pour l’exécuter avec un navigateur Chrome. Tant que ce deuxième passage n’a pas eu lieu, tout ce qui n’existe qu’après exécution du script est invisible pour lui. Sur un petit site, l’attente est souvent courte. Sur un gros site avec un budget d’exploration limité, elle peut s’allonger.

Google a précisé plusieurs points récemment dans sa documentation : seules les pages qui répondent avec un code 200 sont envoyées de façon fiable au rendu, et une balise noindex présente dans le HTML de départ peut empêcher l’exécution du JavaScript. Donc si votre script est censé retirer un noindex… Google ne le verra jamais. Tout est dans le guide officiel des bases du SEO JavaScript.

Et les robots des IA ?

Les robots de ChatGPT (GPTBot) ou de Claude (ClaudeBot) n’exécutent pas le JavaScript. Ils téléchargent les fichiers, mais ne les lancent pas. Si votre texte n’apparaît qu’après exécution, ces outils ne peuvent tout simplement pas le citer. Gemini est l’exception, puisqu’il s’appuie sur l’infrastructure de Google.

En clair : un contenu servi en HTML est lu par tout le monde, un contenu qui dépend du JavaScript seulement par Google, et avec du retard.

Les erreurs JavaScript qui bloquent le SEO

Ce sont toujours les mêmes, que le site soit fait avec React, Vue, Angular ou un constructeur de site :

• Texte principal généré seulement par le script : la page arrive vide, avec juste un <div id="app">.
• Title, meta description ou canonical ajoutés en JavaScript, parfois en contradiction avec ceux du HTML de départ.
• Liens qui ne sont pas de vrais liens : un bouton avec un onclick au lieu d’un <a href>. Google ne les suit pas.
• Scripts lourds qui bloquent l’affichage : la page met plusieurs secondes à montrer le texte.
• Fausses pages d’erreur : une page « introuvable » affichée en JavaScript, mais qui répond 200 au lieu de 404.

Pourquoi les liens en JavaScript sont-ils un problème ?

Parce que sans vrai lien <a href>, Google ne découvre pas vos pages et ne transmet pas leur poids. Google le dit noir sur blanc dans sa page sur les liens explorables. Et pour moi, le maillage interne est aussi important que les mots-clés. Sur ma mission SEO la plus marquante, une application de sport bien connue en France, quasi invisible sur Google malgré une excellente chaîne YouTube, la première phase a justement été de restructurer le maillage. Avec les pages de vente et les articles piliers qui ont suivi, le site est passé de 5 à 10 clics par jour à 30 à 50 en 6 mois. Des liens que Google ne peut pas suivre, c’est tout ce travail qui part à la poubelle.

Vérifier si Google voit le JavaScript de votre site

Pas besoin d’être développeur. Voici ma méthode en 3 tests :

1. Le test du code source : clic droit sur votre page, « Afficher le code source », puis Ctrl+F sur une phrase de votre texte. Si elle n’y est pas, elle dépend du JavaScript.
2. L’inspection d’URL dans la Search Console : collez l’adresse, lancez « Tester l’URL en direct », puis « Afficher la page explorée ». Vous voyez le HTML tel que Google l’a rendu. Le fonctionnement est détaillé dans l’aide de l’outil d’inspection d’URL.
3. La recherche site: : tapez sur Google site:votresite.fr "une phrase exacte de la page". Aucun résultat après plusieurs semaines ? Mauvais signe.

Si votre site n’est pas encore dans la Search Console, commencez par là : voici comment inscrire votre site sur Google Search Console.

Optimiser le JavaScript de votre site pour le SEO

Quel rendu choisir pour un site en JavaScript ?

Le rendu côté serveur (SSR) ou la génération statique (SSG) pour toutes les pages qui doivent être trouvées sur Google. Le serveur envoie une page déjà remplie, le JavaScript prend le relais ensuite pour l’interactivité. Les frameworks comme Next.js ou Nuxt le font nativement. Le rendu dynamique (une version spéciale pour les robots) est une solution de contournement que Google ne recommande plus. Ses conseils pour corriger les problèmes sont dans le guide de dépannage JavaScript de Google.

Faut-il utiliser defer ou async ?

defer pour les scripts qui ne servent pas au contenu (chat, widgets, statistiques) : ils se chargent en arrière-plan et s’exécutent une fois la page lue. async convient aux scripts totalement indépendants. Ça laisse le navigateur afficher le texte tout de suite.

Et si mon site est sous WordPress ?

Avec un thème classique, vous êtes globalement à l’abri : WordPress envoie le contenu en HTML. Le risque vient des thèmes trop chargés, des constructeurs de pages qui empilent les scripts, ou des extensions qui affichent du texte important en JavaScript (onglets, accordéons, avis). Vérifiez ces zones avec le test du code source.

Ce sont des points que je passe en revue dans ma checklist SEO des points essentiels. Et pendant que vous êtes dans la technique, vérifiez que votre site est bien en HTTPS : voici comment passer son site en HTTPS.

À retenir : JavaScript et SEO

L’essentiel en images. Pour suivre les changements de Google sur le sujet, la page des mises à jour de la documentation Search Central est la source qui fait foi.

Glissez pour parcourir les points clés

Questions fréquentes sur JavaScript et SEO

Le JavaScript est-il mauvais pour le SEO ?

Non, à condition que le contenu et les liens ne dépendent pas de lui. Le JavaScript sert l’interactivité (menus, formulaires, animations). C’est le contenu affiché uniquement par script qui pose problème.

Un site React peut-il bien se référencer ?

Oui, avec du rendu côté serveur ou de la génération statique, par exemple via Next.js. Une application React rendue seulement dans le navigateur part avec un handicap.

ChatGPT peut-il lire un site en JavaScript ?

Non, son robot n’exécute pas le JavaScript. L’analyse de Vercel sur les robots des IA le montre pour GPTBot comme pour ClaudeBot. Pour être cité par ces outils, votre texte doit être dans le HTML.

Comment savoir si Google voit bien le contenu de ma page ?

Avec l’inspection d’URL de la Search Console : elle montre le HTML rendu par Google. Comparez-le avec ce que vous voyez dans votre navigateur.

JavaScript et SEO : le bon réflexe

Vous l’aurez compris : le texte, les liens et les balises dans le HTML, le JavaScript pour le reste. Faites le test du code source sur vos pages importantes, et corrigez ce qui n’y apparaît pas. Pour voir où le JavaScript se place parmi tout ce qui compte pour Google, lisez mon article sur les facteurs de référencement SEO, et pour la vitesse, celui sur l’optimisation des images pour le SEO.

Posez vos questions en commentaire si un point n’est pas clair, et abonnez-vous à la chaîne YouTube FormationsMarketingFR pour d’autres sujets techniques expliqués simplement 😉