Dans les premiers jours d’Internet, les pages web étaient construites avec HTML. Avec l’arrivée de CSS, le contenu des pages web pouvait adopter un certain style. Puis, le langage de programmation JavaScript est apparu, permettant aux sites web de ne pas seulement avoir une structure et un style, mais aussi d’être dynamiques.
JavaScript a ouvert de nombreuses opportunités pour la création de pages web non statiques. Lorsqu’une personne tente d’accéder à une page enrichie avec ce langage de programmation, le navigateur de l’utilisateur exécute le JavaScript sur le HTML statique renvoyé par le serveur, ce qui donne une page web qui prend vie avec une certaine interactivité.
Vous avez certainement déjà vu JavaScript en action, même si vous ne le saviez peut-être pas ! C’est parce que JavaScript peut faire presque tout sur une page. Il peut créer une fenêtre pop-up, par exemple, ou demander des ressources tierces comme des publicités à afficher sur votre page.
Rendu côté client versus rendu côté serveur
Cependant, JavaScript peut poser certains problèmes pour le référencement naturel, car les moteurs de recherche ne voient pas JavaScript de la même manière que les visiteurs humains. Cela est dû au rendu côté client par rapport au rendu côté serveur. La plupart du temps, JavaScript est exécuté dans le navigateur du client. En revanche, avec le rendu côté serveur, les fichiers sont exécutés sur le serveur et celui-ci les envoie au navigateur dans leur état entièrement rendu.
Les éléments critiques pour le référencement naturel tels que le texte, les liens et les balises qui sont chargés côté client avec JavaScript, plutôt que représentés dans votre HTML, sont invisibles dans le code de votre page jusqu’à ce qu’ils soient rendus. Cela signifie que les robots d’exploration des moteurs de recherche ne voient pas ce qui se trouve dans votre JavaScript, du moins pas initialement.
Google affirme que tant que vous n’empêchez pas Googlebot de parcourir vos fichiers JavaScript, il est généralement capable de rendre et de comprendre vos pages web comme le ferait un navigateur, ce qui signifie que Googlebot devrait voir les mêmes choses qu’un utilisateur consultant un site dans son navigateur. Cependant, en raison de cette “deuxième vague d’indexation” pour le JavaScript côté client, Google peut manquer certains éléments qui ne sont disponibles que lorsque JavaScript est exécuté.
Il existe également d’autres problèmes qui pourraient survenir lors du processus de rendu des pages web par Googlebot, ce qui empêche Google de comprendre ce qui est contenu dans votre JavaScript :
- Vous avez bloqué Googlebot pour les ressources JavaScript (par exemple, avec robots.txt, comme nous l’avons vu au chapitre 2)
- Votre serveur ne peut pas gérer toutes les demandes de parcours de votre contenu
- Le JavaScript est trop complexe ou obsolète pour que Googlebot le comprenne
- Le JavaScript ne charge pas le contenu de manière “lazy” dans la page avant que le robot d’exploration ait fini de traiter la page et passe à autre chose.
Inutile de dire que, bien que JavaScript ouvre de nombreuses possibilités pour la création de pages web, cela peut également avoir de graves conséquences pour votre référencement naturel si vous ne faites pas attention.
Heureusement, il existe un moyen de vérifier si Google voit la même chose que vos visiteurs. Pour voir une page telle que Googlebot la voit, utilisez l’outil “Inspection de l’URL” de Google Search Console. Il vous suffit de coller l’URL de votre page dans la barre de recherche de la GSC.
Maintenant, vous savez comment JavaScript donne vie à un site web, mais rappelez-vous de prendre en compte les aspects SEO lors de l’utilisation de JavaScript pour garantir que votre site soit bien référencé par les moteurs de recherche.
