Hvad er Rendering (CSR, SSR, SSG)?
Rendering refererer til, hvordan en webside genereres og vises for brugeren. De tre hovedtyper er CSR (Client-Side Rendering), SSR (Server-Side Rendering) og SSG (Static Site Generation).
Rendering beskriver processen, hvor en webbrowser eller søgemaskine omdanner HTML, CSS og JavaScript til en visuel webside. I SEO-sammenhæng er valget af renderingsmetode afgørende for, hvordan Google crawler og indekserer dit indhold. De tre primære metoder er CSR (Client-Side Rendering), SSR (Server-Side Rendering) og SSG (Static Site Generation).
Hvorfor er rendering vigtig for SEO?
Google skal kunne se og forstå dit indhold for at indeksere det korrekt. Med CSR genereres indholdet i brugerens browser via JavaScript, hvilket kan forsinke Googles indeksering markant. SSR og SSG leverer færdigt HTML-indhold direkte til Googlebot, hvilket sikrer hurtigere og mere pålidelig indeksering. Renderingsmetoden påvirker også page speed og Core Web Vitals.
De tre renderingsmetoder
- CSR (Client-Side Rendering): JavaScript genererer indholdet i browseren. Hurtig navigation mellem sider, men langsom initial load og potentielle SEO-problemer.
- SSR (Server-Side Rendering): Serveren genererer den fulde HTML ved hver forespørgsel. God for SEO og dynamisk indhold, men kan belaste serveren.
- SSG (Static Site Generation): HTML genereres på build-tidspunktet. Hurtigst muligt for brugeren og perfekt for SEO, men mindre velegnet til hyppigt ændret indhold.
Best practices
Vælg SSR eller SSG for indhold, der skal ranke i søgemaskinerne. Hvis du bruger et JavaScript-framework som React, Vue eller Svelte, brug meta-frameworks som Next.js, Nuxt eller SvelteKit, der tilbyder SSR og SSG. Test altid, at dit indhold er synligt for Google ved at bruge URL-inspektionsværktøjet i Google Search Console.
Almindelige fejl
Den største fejl er at bygge en indholdsrig hjemmeside udelukkende med CSR og antage, at Google indekserer alt JavaScript-genereret indhold pålideligt. En anden fejl er at ignorere hydration-problemer, hvor SSR-genereret indhold erstattes af CSR-indhold, der ser anderledes ud. Dette kan forvirre Googlebot og føre til indekseringsproblemer.
Praktisk tip
Brug Googles "Rich Results Test" eller "URL Inspection" i Search Console til at se, hvordan Google renderer dine sider. Sammenlign det renderede output med det, brugeren ser. Hvis der er forskel, skal du overveje at skifte til SSR eller SSG for dine vigtigste sider.