La montée du Javascript a eu raison de Google, qui a enfin publié en octobre 2018 une documentation au sujet du Dynamic Rendering, tant attendue par les webmasters. Cette technique permet en effet aux sites web d’offrir une version statique des pages web au moteur de recherche (et à GoogleBot surtout), alors qu’elles sont habituellement générées à la volée grâce à Javascript (par des appels Ajax, des promesses, etc.).
Voici une déclaration de la documentation de Google qui reprend un peu ce que j’évoquais dans un récent article à propos de Javascript :
Actuellement, il est difficile de traiter JavaScript et tous les robots des moteurs de recherche ne sont pas en mesure de le traiter correctement ou immédiatement. Dans l’avenir, nous espérons que ce problème pourra être résolu, mais dans l’intervalle, nous recommandons le rendu dynamique comme solution de contournement à ce problème. Le rendu dynamique consiste à basculer entre un contenu restitué et pré-rendu côté client pour des agents utilisateurs spécifiques.
Attendue depuis l’annonce faite en mai 2018, cette documentation plutôt complète narre la solution pour être indexé quand Javascript est un frein. Désormais, peu de sites Javascript utilisant des frameworks reconnus devraient être freinés d’emblée par Google. Nuançons tout de même cet emballement car les pages restent fondées sur du Javascript et rien ne permet encore d’assurer que le taux d’indexation sera aussi fort qu’avec des sites “classiques” (en théorie, je ne vois pas de freins particuliers mais je préfère rester prudent…).
La capture suivante résume le fonctionnement global du Dynamic Rendering pour les moteurs de recherche (SEO). Le serveur web doit capter et détecter les robots d’indexation en vérifiant le user-agent (“GoogleBot”, “BingBot”, “BaiduSpider”, etc.). Ensuite, selon qu’un robot reconnu ou un autre type d’utilisateur est détecté, la méthode de rendu diffère. Dans le cas des internautes et mobinautes, le Javascript rend dynamiquement les contenus HTML dans le navigateur (ligne du haut sur la capture). En revanche, si un robot d’indexation comme GoogleBot est repéré, un premier rendu dynamique est généré, puis le moteur de prérendu créé une version statique en HTML de la page définitive. C’est cette dernière qui sera lue et indexée par le crawler (robot) et permettra à votre site d’être bien lu par les moteurs de recherche. La méthode rajoute une couche de complexité dans les programmes et frameworks Javascript, mais permet enfin d’obtenir de bons résultats en matière d’indexation et de positionnement…
La documentation explique tout en détail, je ne vais donc vous proposer qu’un résumé rapide ici de la méthode d’implémentation du Dynamic Rendering. Voyons donc comment procéder étape par étape :
Google invite les webmasters à effectuer de nombreux tests après la mise en œuvre d’un tel système. Il est vrai que le potentiel d’erreurs est important et il convient de tout bien vérifier pour assurer que les versions HTML de prérendu soient correctes, suffisamment rapides et surtout adaptés au support (mobile ou ordinateur notamment). La documentation fournit une petite F.A.Q. pour les cas d’erreurs typiques que vous pourriez rencontrer.
Cette documentation était très attendue et permet enfin d’assurer nos arrières en matière d’indexation des contenus dynamiques générés via Javascript. Cela n’enlève pas toutes les lacunes du langage en matière de SEO, mais retire une sacré épine du pied. Comme pour tout site web, c’est d’abord la qualité de l’implémentation et du code qui fera la réussite du site Javascript en SEO. Certes, GoogleBot et les autres crawlers ont vraiment du mal avec le langage, mais le prérendu devrait permettre de contourner bien des problèmes, en espérant que Google et les autres moteurs de recherche se penchent sérieusement sur les soucis d’indexation relatifs à cette technologie.
Auteur : Alexandra Martin / Mathieu Chartier
Editeur : Eyrolles
Prix : 32,00 € (345 pages)
Auteur : Alexandra Martin / Mathieu Chartier
Editeur : Eyrolles
Prix : 32,00 € (570 pages)
Auteur : Alexandra Martin / Mathieu Chartier
Editeur : Eyrolles
Prix : 29,90 € (522 pages)
Auteur : Mathieu Chartier
Editeur : First Interactive
Prix : 19,90 € (411 pages)
Auteur : Mathieu Chartier
Editeur : First Interactive
Prix : 29,90 € (622 pages)
Ce blog est le résultat de plusieurs années de travail mais il ne fait pas manger son homme. Découvrez l’agence web et l’organisme de formation géré par Mathieu Chartier et n’hésitez pas à prendre contact pour suivre des formations personnalisées.
Tous droits réservés © Blog Internet-Formation 2009 – 2023
C