SEO JavaScript : définition et bonnes pratiques pour un SaaS
Le SEO JavaScript regroupe les pratiques qui permettent aux moteurs de recherche d'explorer, de rendre et d'indexer correctement un site construit avec un framework JavaScript comme React, Vue, Angular ou Next.js. C'est un enjeu fréquent pour les SaaS, dont le site marketing partage souvent la stack du produit.
Comment Google traite un site JavaScript
Google procède en trois temps : il explore le HTML de la page, il le rend en exécutant le JavaScript, puis il l'indexe. Quand le contenu n'existe qu'après l'exécution du JavaScript, son indexation dépend de cette étape de rendu, qui peut être différée et échouer si des ressources sont bloquées ou trop lentes.
Les moteurs génératifs ajoutent une contrainte : d'après les analyses publiées, la plupart de leurs robots lisent le HTML brut sans exécuter le JavaScript. Un contenu invisible dans le HTML initial est donc invisible pour eux, ce qui pèse sur votre visibilité dans les IA.
Les modes de rendu à connaître
- CSR (client-side rendering) : le navigateur construit la page. Le plus risqué pour le SEO.
- SSR (server-side rendering) : le serveur envoie un HTML complet à chaque requête. Recommandé pour les pages marketing.
- SSG (génération statique) : les pages sont construites à l'avance. Idéal pour le blog, la documentation ou les pages générées à l'échelle.
- Rendu dynamique : une version pré-rendue est servie aux robots. Google le présente comme une solution de contournement, pas comme une solution durable.
Les problèmes fréquents sur les sites SaaS
- Des liens gérés en JavaScript, sans attribut href, que les robots ne suivent pas.
- Du contenu chargé seulement après une interaction : onglets, accordéons, « voir plus ».
- Des balises title, meta description ou canonical injectées après coup en JavaScript.
- Des pages inexistantes qui renvoient un code 200 au lieu d'une erreur 404.
- Des fichiers JavaScript ou CSS bloqués dans le robots.txt.
- Une application et un site marketing mélangés sur le même domaine, sans séparation claire.
Une page tarifs construite en React affiche ses offres après un appel à une API. Dans le HTML initial, Google ne voit qu'un conteneur vide : la page s'indexe tard, ou mal, et les assistants IA qui lisent le HTML brut ne voient aucun prix. Passer cette page en rendu serveur ou en génération statique règle le problème.
Comment vérifier que votre site est bien rendu
- Utilisez l'outil d'inspection d'URL de la Search Console pour voir le HTML rendu et la capture de la page.
- Comparez le code source (HTML initial) et le DOM rendu : le contenu clé doit figurer dans les deux.
- Crawlez le site avec et sans rendu JavaScript, puis comparez les liens et les contenus trouvés.
- Désactivez le JavaScript dans votre navigateur : ce qui disparaît est à risque.
Questions fréquentes : SEO JavaScript
Google indexe-t-il le JavaScript ?
Oui, Google exécute le JavaScript pour rendre les pages. Mais cette étape peut être différée et échouer si des ressources sont bloquées, trop lentes ou si le contenu dépend d'une interaction. Le plus sûr est de servir le contenu important directement dans le HTML.
SSR ou CSR : que choisir pour le SEO ?
Pour les pages qui doivent se positionner (accueil, produit, tarifs, blog, intégrations), le rendu serveur ou la génération statique sont nettement préférables. Le rendu côté client reste adapté à l'application elle-même, qui n'a pas vocation à être indexée.
Next.js est-il bon pour le SEO ?
Oui, à condition d'utiliser ses modes de rendu serveur ou statique pour les pages publiques. Next.js n'est pas « bon » ou « mauvais » en soi : c'est la configuration de chaque page qui détermine ce que voient les moteurs.
Un doute sur votre stratégie SEO SaaS ?
30 minutes pour analyser votre situation et repartir avec des recommandations concrètes, sans engagement.
Réserver mon diagnostic SEO →