Rendering lato client (CSR)
Il Rendering Lato Client (CSR) è una tecnica di sviluppo web in cui il browser scarica una pagina HTML minima e utilizza JavaScript per renderizzare dinamicamente il contenuto e l'interfaccia. Sebbene questo crei una sensazione fluida di "app", può causare notevoli difficoltà SEO se i bot di ricerca non riescono a eseguire correttamente JavaScript.
The SEO Challenge of JavaScript-Heavy Sites
Many modern sites (React, Vue, Angular) use CSR by default. The problem: when Googlebot requests your page, it gets an empty <div id="root"></div> and must execute JavaScript to see content. If bots don't wait long enough, fail to render, or encounter errors, your pages get indexed as blank. For multilingual sites, this is catastrophic—language versions might never get crawled. Solutions include switching to SSR (Next.js), using Dynamic Rendering (serve pre-rendered HTML to bots), or employing prerendering services like MultiLipi that generate static HTML snapshots for crawlers.
CSR Speed vs. SEO Tradeoffs
Impatto nel mondo reale
Sito di e-commerce costruito solo con React CSR
Google indexes 20% of product pages (JS errors)
Enorme perdita di visibilità SEO
Aggiungi una soluzione di prerendering per Googlebot
Bots receive pre-rendered HTML, JS works for users
L'indicizzazione sale al 98%, traffico +250%