Le problème de SEO et le framework NextJS

Lorsque nous développons un site web, il est important pour nous de comprendre si nous allons promouvoir ce site dans les moteurs de recherche. Par moteurs de recherche, on entend des sites spécialisés comme Google ou Yandex, dans lesquels l'utilisateur recherche l'information dont il a besoin.

Si notre site apparaît en première position pour une requête spécifique, cela lui assurera un flux continu de visiteurs. Et pour ces visiteurs, nous n'aurons rien à payer, contrairement aux visiteurs qui viennent de la publicité.

Et c'est là que nous rencontrons un problème : les sites développés avec React ne seront pas bien référencés dans les moteurs de recherche. Le fait est que le contenu des pages d'un tel site est généré dynamiquement dans le navigateur via JavaScript. Les moteurs de recherche ne savent pas encore traiter correctement ces pages. Par conséquent, un tel site ne pourra pas apparaître correctement dans les résultats de recherche.

Pour que les moteurs de recherche puissent fonctionner correctement avec notre site, le texte de ses pages doit être créé côté serveur et envoyé au navigateur sous forme de code HTML prêt à l'emploi.

C'est ce problème que résout le framework NextJS. Il permet d'écrire du code JSX côté serveur. Le serveur transforme ce JSX en HTML normal et le renvoie au navigateur. Ainsi, le code HTML nécessaire au bon fonctionnement des moteurs de recherche avec notre site sera envoyé au client.

C'est exactement comment cela est fait que nous étudierons dans le cadre de ce tutoriel.

Il convient de dire que les moteurs de recherche apprennent déjà à reconnaître le contenu généré par JavaScript. Quand ils sauront le faire de manière fiable, tout le développement des sites web changera de façon radicale. Et les frameworks comme NextJS ne seront plus du tout nécessaires, ou deviendront complètement différents dans leurs principes.

Alors, c'est parti :)