SEO technique
JavaScript SEO
Le JavaScript SEO regroupe les précautions à prendre quand le contenu d’un site est généré par JavaScript plutôt que renvoyé directement par le serveur.
Le sujet existe parce que Google traite ces pages en deux temps, et que ce décalage change ce qu’il voit et quand il le voit.
Le traitement en deux passes
À la première visite, Googlebot lit le code source renvoyé par le serveur. Sur une page qui dépend du JavaScript, ce code est souvent presque vide.
La page est ensuite placée dans une file d’attente de rendu, où le JavaScript sera exécuté. Ce n’est qu’à ce moment que le contenu réel devient visible pour le moteur.
Le délai entre les deux passes n’est pas garanti. Sur un site bien exploré il est court, sur un site à faible priorité il peut être long. Un contenu qui dépend du rendu arrive donc toujours après les autres, ce qui pénalise particulièrement l’actualité et les catalogues qui changent vite.
Les erreurs qui rendent un contenu invisible
Quatre reviennent, par ordre de gravité.
Les liens sans attribut href. Un élément cliquable qui déclenche une navigation par JavaScript sans être un vrai lien n’est pas suivi. C’est la première cause de pages inaccessibles au robot alors qu’elles s’atteignent à la souris.
Le contenu chargé à l’action. Ce qui apparaît au clic sur un onglet, au défilement ou après une interaction n’est pas déclenché par le robot.
Les ressources bloquées. Un fichier JavaScript interdit dans le fichier robots empêche le rendu, et la page reste vide pour le moteur.
Les balises injectées tardivement. Un titre ou une balise canonique posés par script peuvent être lus après coup, ou pas du tout selon le moment de l’injection.
Les solutions de rendu
Trois approches, par ordre de robustesse.
Le rendu côté serveur, où le serveur renvoie une page complète. C’est la solution la plus sûre et la plus coûteuse à mettre en place.
La génération statique, où les pages sont produites à l’avance au moment du déploiement. Elle convient aux sites dont le contenu ne change pas à chaque visite.
Le pré-rendu, où une version complète est servie aux robots. Il fonctionne, à condition de servir exactement le même contenu qu’aux visiteurs.
Comment vérifier
L’inspection d’URL de la Search Console montre le code HTML rendu par Google, qui est la seule référence utile. Comparer ce rendu à ce que voit un visiteur révèle immédiatement ce qui manque.
Une vérification complémentaire consiste à consulter la page avec le JavaScript désactivé : ce qui subsiste correspond à ce que le moteur voit à sa première passe.
FAQ