CSR (client-side rendering)

Il client-side rendering (CSR) è un approccio in cui il server invia un HTML quasi vuoto e tutta la renderizzazione del contenuto avviene nel browser tramite JavaScript. Per la SEO servono accorgimenti aggiuntivi: rendering dinamico, pre-rendering o SSR ibrido.

Cos'è la CSR

Renderizzazione nel browser. Male per la SEO se non configuri il pre-rendering. Nella CSR l'HTML arriva quasi vuoto: il contenuto viene assemblato nel browser tramite JavaScript.

Problemi per la SEO

I crawler eseguono il JS ma con ritardi e limiti. Senza misure aggiuntive, contenuti importanti potrebbero non renderizzarsi in tempo, e l'indicizzazione ne soffre.

Soluzioni

  • SSR o SSG: consegna HTML precompilato (Next.js, Nuxt, Astro)
  • Prerendering: serve HTML statico ai bot, la SPA agli utenti
  • Rendering dinamico: rileva il bot dallo User-Agent e servigli un HTML semplificato

Quando la CSR è accettabile

Per le pagine transazionali e commerciali, la CSR senza pre-rendering/SSR rischia la sotto-indicizzazione. La CSR ha senso per le applicazioni dietro login (dashboard, CRM) che non hanno bisogno di indicizzazione.

Google sa eseguire JavaScript, ma lo fa in una seconda ondata, con ritardi di giorni o settimane. Se il tuo contenuto è critico per la ricerca, usa SSR o almeno il pre-rendering.

FAQ

Google vede i contenuti generati da JavaScript dopo il caricamento?
Sì, ma con riserve. Googlebot esegue il JS, però le sue risorse sono limitate e il rendering avviene in modalità differita. Un HTML semplice visibile con curl garantisce un'indicizzazione più rapida e affidabile.
Cos'è il rendering dinamico?
Una tecnica in cui il server identifica il crawler dallo User-Agent e serve al bot una versione statica pre-generata, mentre agli utenti normali consegna la versione CSR. Usala con cautela, perché Google potrebbe cambiare il suo User-Agent.
La CSR inciderà sul posizionamento del mio sito?
Se testi e link importanti sono generati da JS e Google non riesce ad accedervi, il posizionamento calerà. Se l'indicizzazione avviene ma con ritardo, le pagine impiegheranno più tempo a comparire nei risultati.
Come verifico se Google vede i miei contenuti CSR?
Usa lo strumento Controllo URL in Google Search Console, seleziona «Testa l'URL live» e «Visualizza HTML renderizzato»: vedrai cosa ha ricevuto il crawler. Puoi usare anche il vecchio strumento Fetch as Google.
Posso combinare CSR e prerendering solo per i bot?
Sì, è una pratica comune per le SPA in React/Vue. Servizi come Prerender.io o Rendertron generano in modo trasparente l'HTML per i bot.