L'option CSR (Client-Side Rendering) permet de déployer des recommandations SEO sur des sites qui utilisent un rendu SSR (Server-Side Rendering) avec une réhydratation côté client.
Concrètement, certains sites chargent initialement leur contenu côté serveur (SSR), puis appliquent une mise à jour du DOM via JavaScript côté client (CSR). Dans ce cas, certaines recommandations SEO déployées uniquement sur la version SSR peuvent être écrasées ou altérées par la réhydratation du JavaScript. Google crawl dans la majeure partie les sites sans JavaScript activé, par conséquent il verra la recommandation dans le code source de la page.
L'option CSR permet de s'assurer que vos optimisations SEO déployées via l'application Bulk SEO et Recommandation SEO sont bien prises en compte, même après l'exécution du JavaScript.
Exemple concret
Un site e-commerce utilisant Next.js en SSR avec réhydratation affiche sa balise <title> côté serveur, mais celle-ci est ensuite remplacée par une version générée dynamiquement en CSR via JavaScript.
Sans l'option CSR : une recommandation SEO appliquée via EdgeSEO sur <title> pourrait être écrasée après la réhydratation.
Avec l'option CSR activée : EdgeSEO prend en compte le rendu final post-JavaScript et applique les recommandations même après la réhydratation, garantissant ainsi que les balises restent conformes aux recommandations SEO.
Cela est particulièrement utile pour les sites qui utilisent des framework comme React, Vue.js ou Angular, où les modifications de contenu et de structure peuvent se produire après le chargement initial.
Balise <title> générée côté serveur (SSR) avant exécution de JavaScript
<title>Mon nouveau titre avec l'application {Bulk|Recommandation} SEO</title>
Balise <title> modifiée dans le DOM par le framework JavaScript côté client (CSR sans option activée)
<title>Mon titre original</title>
Balise <title> préservée dans le DOM après exécution de JavaScript grâce à l'option CSR d'EdgeSEO
<title>Mon nouveau titre avec l'application {Bulk|Recommandation} SEO</title>