L’optimisation pour les moteurs de recherche est cruciale pour tout site web qui souhaite attirer plus de visiteurs. Le SEO est une technique essentielle pour améliorer la visibilité de votre site et atteindre votre public cible. REACT est une librairie JavaScript populaire pour construire des applications web performantes et interactives. Associé avec le SEO, il permet d’améliorer l’expérience utilisateur et de booster le référencement naturel de votre site.
Qu’est-ce que REACT ?
On en présente plus REACT, élue meilleure bibliothèque javascript depuis des mois/années. On ne compte plus les avantages de cette techno. Intuitif, rapidité de codage, performance, etc… Les avantages du REACT ne sont plus à démontrer par étonnant que ce soit l’une des technologies en vogue.
Mais, il reste un point très négatif à REACT… c’est du js… Donc, par défaut très difficilement assimilable par Goole en l’état.
Comment fonctionne un Bot Google ?
Comme le disait (il y a longtemps) une très célèbre marque de pneus « Sans maîtrise la puissance n’est rien. ». C’est également applicable pour le web. Si vous avez le meilleur site du monde, mais que personne ne puisse le trouver, c’est … Embêtant.
Donc, pour comprendre repartons des bases. Pour découvrir les mystères du web. Google c’est armé de nombreux outils, dont un certain nombre de programmes appelés Bot. Chacun fait une tâche bien particulière (découvrir de nouvelles pages, scanner ses pages, etc…). Et lorsque le Bot qui scan les pages arrive sur du js, c’est … Compliqué. Pour schématiser, il va prendre une photo du code de la page à 0ms. Donc, il ne va rien voir.
Faut-il abandonner REACT pour le SEO ?
Pour la raison évoquée plus haut, SEO et REACT (ou n’importe quel librairie/framework js) ne font pas bon ménage. Car, si Google ne voit pas de code exploitable, il va être très compliqué de réussir à se démarquer sur une requête.
Mais, il existe des solutions plus ou moins intéressantes en fonction de l’usage.
Le pré-rendu REACT pour un SEO au top
Une des solutions peut être un pré-rendu REACT. De cette façon, vous pré-enregistrez vos pages. Vous pouvez ainsi montrer aux moteurs de recherche le contenu de votre site avec toutes les balises qui lui sont chères. Attention, on ne parle pas cloacking. Plus de requêtes à répétition, c’est super rapide car vous chargez des pages en cache. Votre site sera le même pour tout le monde. L’inconvénient de cette solution est qu’il ne reste plus de code en temps réel et on supprime un peu l’attractivité d’une page via des outils asynchrones.
Utilisation REACT côté serveur
Avec cette solution, vous allez exécuter vos scripts REACT directement sur le serveur (comme du PHP). C’est très pratique, vous conservez votre librairie préférée, mais elle se déploie coté serveur. Cela va limiter également le coté asynchrone de votre site et ce sera un peu plus lent que le pré-rendu. Mais, vous continuez à utiliser une techno que vous maîtrisez.
Pour aller plus loin avec l’optimisation SEO de REACT, voici quelques liens (que je trouve intéressant):
https://fr.reactjs.org/docs/rendering-elements.html
https://blog.arcoptimizer.com/strategies-de-pre-rendu-et-de-recuperation-de-donnees-dans-next-js