Nous sommes actuellement en train d'auditer le site d'un client et parmi les nombreuses, nombreuses, nombreuses, étranges décisions et questions techniques, il y a eu la décision de rendre côté client tout le contenu d'un site de commerce électronique

Pourquoi est-ce mauvais ?

Il s'avère que la Search Console (et donc Google) est complètement désorientée et qu'elle répertorie un tas de soft-404, de pages non indexables, et qu'elle a tout simplement du mal à explorer le site. Cette situation a entraîné une baisse sensible du trafic de recherche, ce qui a gravement nui aux résultats de l'entreprise.

En fait, le contraste entre l'ancien site (rendu traditionnel côté serveur) et le nouveau (rendu côté client React) est frappant. Nous avons pu identifier le jour précis où le nouveau site a été lancé.

Heureusement, nous travaillons avec un partenaire très talentueux sur ce projet et il a pu faire passer le code React du rendu côté client au rendu côté serveur. Ce ne sont pas eux qui ont construit ce site et ils se sont grattés la tête à propos de nombreuses décisions prises par l'équipe précédente.

Pour terminer, en ce qui concerne React, la règle générale pour décider entre le côté serveur et le côté client est de savoir si le référencement est important ou non. Il est assez bien connu des développeurs chevronnés que le côté client pose des problèmes de référencement et, malgré ses avantages techniques, devrait être évité pour les pages publiques où le référencement est important

Quelle est la prochaine étape ?

Maintenant que le site est passé au rendu côté serveur, nous voyons du HTML structuré. Il y a encore du travail à faire car certains éléments se chargent encore sous forme de données JSON qui sont rendues en JS dans le DOM.

Bien qu'il s'agisse d'une amélioration considérable, la prochaine étape consistera soit à structurer le JSON en quelque chose de plus favorable au référencement (comme JSON-LD), soit à rendre complètement le HTML, y compris tous les éléments « peints » côté serveur avant qu'ils ne soient transférés sous forme de code.

Article connexe : Google prend-il en compte le rendu JS ?

En attendant, nous allons surveiller la Search Console et espérer que cette nouvelle solution résoudra certains des problèmes majeurs que nous constatons :

Si vous rencontrez ce genre de problèmes et que vous ne savez pas vers qui vous tourner pour obtenir de l'aide, écrivez-nous ! Nous vivons pour ce genre de problèmes techniques profonds.