Tout bon SEO sait qu’il n’est pas productif de signaler des problèmes sans proposer de solutions. Examinons donc les options que nous pouvons offrir aux développeurs Web pour améliorer notre référencement JavaScript.
La faisabilité de ces solutions dépend de la pile technologique de votre site Web. Il est donc important de définir une approche bonne/meilleure/meilleure.
Solution idéale : Rendre le contenu critique disponible dans le HTML brut
En tant que référenceurs, nous pouvons dormir sur nos deux oreilles en sachant que les liens internes, les titres de page, le corps du texte et bien plus encore de notre site Web sont disponibles pour Google dans notre code HTML brut. Les robots de recherche peuvent explorer et indexer efficacement notre contenu critique sans risquer d’erreurs ou de retards associés au service de rendu de Google.
Assurez-vous de mettre en évidence auprès des développeurs les éléments SEO critiques actuellement absents du HTML brut et explorez la faisabilité de réaliser ces mises à jour.
Meilleure solution suivante : implémenter une solution de rendu côté serveur (SSR)
Avant d’aborder cette solution, comprenons le rendu côté serveur (SSR) par rapport au rendu côté client (CSR) :
-
Rendu côté serveur : le chargement initial de la page fournit tout le contenu au navigateur via HTML.
-
Rendu côté client : le contenu des fichiers JavaScript est téléchargé sur le navigateur après le chargement initial de la page.
Les problèmes d’indexation du contenu rendu en JavaScript proviennent de son rendu côté client. Vous savez, lorsque vous désactivez JavaScript dans votre navigateur et que certaines parties de la page disparaissent ? C’est le problème visualisé ici.
J’utilise régulièrement cette analogie de Uniquement pour expliquer la différence : « La RSE est comme une recette de cuisine. Google obtient la recette du gâteau qui doit être cuit et collecté. SSR – Google prépare le gâteau à la consommation. Pas besoin de cuisson. »
La question essentielle pour nos développeurs est donc la suivante : « Pourrions-nous nous appuyer sur le SSR plutôt que sur le CSR pour fournir du contenu lors du chargement initial de la page ? »
Et voici un conseil de pro : si vous êtes familier avec le framework JavaScript de votre site Web, beaucoup proposent des outils pratiques pour intégrer facilement SSR.
|
Cadre JS |
Solution RSS |
|
Réagir |
Next.js, Gatsby |
|
Angulaire |
Angulaire Universel |
|
Vue.js |
Nuxt.js |
Solution de dernier recours : implémenter le rendu dynamique
Le rendu dynamique est une solution hybride dans laquelle vos utilisateurs bénéficient du rendu côté client de votre site Web tandis que les robots des moteurs de recherche reçoivent une version HTML statique distincte.
