React peut-être améliorer pour le référencement naturel, pour cela, il faut s’assurer que Google n'a pas besoin d’utiliser le Javascript pour afficher le contenu. Cela peut être fait en utilisant Sever-Side Rendering.

Google est le moteur de recherche d'informations le plus populaire au monde. Il est aujourd'hui plus important que jamais d'être visible sur Google. Il ne suffit pas d'être visible sur la première page de Google. Comme la plupart des internautes ne cliquent que sur les trois premières options, votre page doit être bien classée dans les résultats de recherche de Google.

Comment être bien classé sur Google ?

Le SEO, ou optimisation des moteurs de recherche, peut être un domaine complexe et vaste, une agence comme Lesmarketing.fr vous aide à optimiser votre site. Cet article se concentre sur React, ou React.js comme on l'appelle officiellement, et son impact sur le référencement naturel. Le SEO consiste à optimiser la partie technique, sémantique et la popularité de son site, afin que Google classe mieux votre site. Comment cela fonctionne ? Lorsqu'un utilisateur effectue une recherche, Google tente de déterminer quelle page est la plus pertinente pour une recherche spécifique.

Bien que personne ne sache exactement comment Google classe les pages, il s'agit d'une technologie propriétaire. Cependant, il existe de nombreux facteurs sur lesquels presque tout le monde s'accorde et qui affectent le classement de Google (ces facteurs comprennent les sites qui réalisent un lien entrant vers votre site ou encore la vitesse de chargement du site). Il est également important que la page soit facile à lire par le crawlbot de Google.

Qu'est-ce que React ? Quel est son impact sur votre SEO ?

React est un framework Javascript (bien que certains préfèrent l'appeler une bibliothèque), qui peut être utilisé pour construire l'interface utilisateur d'un site web. Il vous permet de créer des sites web et des applications interactives avec une interface utilisateur rapide. React vous permet de créer une "application", qui permet aux utilisateurs de naviguer entre les pages sans avoir à les recharger, ce qui améliore l'expérience utilisateur.

React vous permet de créer une SPA (Single Page Application), qui nécessite Javascript pour afficher le contenu de la page.

Concrètement, le robot d'exploration de Google scanne toutes les pages de l'internet, mais il n'est pas aussi apte à comprendre les pages contenant du Javascript que celles qui ne contiennent que du code HTML et CSS ordinaire.

Pendant longtemps, Google ne pouvait pas voir le contenu généré par Javascript. Il avait l'habitude de suggérer que Javascript soit désactivé pour que les utilisateurs puissent voir le contenu. Google a annoncé que son robot d'exploration pouvait désormais rendre les pages avec Javascript et les indexer.

Javascript et le SEO ne sont plus un problème

À la fois oui et non. Oui, il est vrai que Google a indiqué en 2015 que le contenu Javascript pouvait être rendu et indexé par Google. Mais la théorie et la pratique ne fonctionnent pas toujours de la même manière. De nombreux professionnels du SEO s'accordent à dire que Google a plus de mal à indexer les pages qui nécessitent du Javascript que celles qui n'en contient pas.

React ne doit pas être utilisé à des fins de SEO

Absolument pas. Tout comme Angular.js et Vue.js, React.js aide les développeurs à créer une expérience utilisateur de qualité qui est bonne pour la conversion des internautes, mais potentiellement aussi pour le SEO.

Rendu côté serveur et React

React peut être rendu plus favorable au SEO en veillant à ce que Google n'ait pas à utiliser Javascript pour le rendu du contenu. Cela peut être fait en utilisant Server-Side Rendering (abréviation de SSR).

Comment cela marche ? React s'exécute dans votre navigateur Web une fois que vous avez téléchargé tous les fichiers du site que vous visitez (avec le Client Side Rendering).

Cela signifie simplement que le visiteur peut visualiser le contenu immédiatement sans attendre l'exécution de React. Cela peut accélérer la page (surtout sur les ordinateurs plus anciens), mais cela signifie aussi que Google n'a pas besoin d'exécuter le Javascript pour lire le contenu.

Comment configurer le rendu côté serveur ?

Si vous partez de zéro, il peut être difficile de configurer le rendu côté serveur dans React. Mais ne perdez pas espoir. React est supporté par de nombreux frameworks, ce qui facilite la mise en place du Server Side Rendering pour les pages React. Gatsby.js ou Next.js sont deux frameworks courants pour le SSR.

Gatsby.js

Gatsby.js utilise React pour générer des pages statiques html. Vous pouvez créer toutes les pages sur votre ordinateur ou sur un ordinateur ou un cloud, puis envoyer les pages à un serveur/stockage tel qu'Amazon S3. Gatsby.js peut être utilisé pour les pages dont le contenu ne doit pas changer en temps réel. Gatsby fonctionne bien avec les blogs et les pages d'entreprise. Gatsby.js n'est peut-être pas le meilleur choix pour les pages qui contiennent beaucoup de contenu généré par les utilisateurs, comme les pages de forum.

Next.js

Next.js utilise une approche différente de Gatsby, même s'il peut générer des pages statiques html comme Gatsby. Next.js effectue le rendu d'une page lorsqu'un utilisateur la visite pour la première fois avant d'envoyer les fichiers. Next.js présente un avantage majeur par rapport à Gatsby en ce qu'il génère du contenu lorsque l'utilisateur le demande. Cela signifie que Next.js peut être utilisé pour les pages qui ont beaucoup de contenu généré par l'utilisateur, comme les pages de forum.

Devriez-vous l'utiliser pour votre prochain projet de SEO ?

La technologie que vous choisissez dépend du projet et de vos objectifs. Un autre facteur est la familiarité de votre équipe avec les technologies. React peut être une bonne option pour créer un site web adapté au SEO si vous le faites correctement.