The CSR (Client-Side Rendering) option lets you deploy SEO recommendations on sites that use SSR (Server-Side Rendering) with client-side rehydration.
In concrete terms, some sites initially load their content server-side (SSR), then apply a DOM update via client-side JavaScript (CSR). In this case, certain SEO recommendations deployed solely on the SSR version may be overwritten or altered by the JavaScript rehydration. Google crawls most sites without JavaScript enabled, so it will see the recommendation in the page's source code.
The CSR option ensures that your SEO optimizations deployed via the Bulk SEO and SEO Recommendation application are taken into account, even after the JavaScript has been executed.
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>