Server-side rendering

Server-side rendering (SSR) is een techniek waarbij de server de volledige HTML van een pagina opbouwt voordat hij die naar de browser stuurt. De tekst, links en afbeeldingen staan dus al in de broncode. Bij client-side rendering bouwt de browser de inhoud pas op met JavaScript. Voor zoekmachines en AI-crawlers is SSR de veiligste keuze.

Een voorbeeld

Een bedrijf laat een website bouwen als single-page app in React. Open je de broncode, dan zie je alleen een lege <div id="root">. Googlebot rendert het JavaScript later wel, maar een AI-crawler die alleen HTML leest, ziet een lege pagina. Na de overstap naar server-side of statische rendering staat de volledige tekst in de HTML.

Waarom het telt voor SEO en GEO

Google kan JavaScript renderen, maar zegt zelf dat server-side of pre-rendering “nog altijd een goed idee” is, omdat het je site sneller maakt en omdat niet alle bots JavaScript kunnen uitvoeren (Google Search Central). Dynamic rendering, een aparte versie alleen voor bots, noemt Google een tijdelijke workaround. Google raadt server-side rendering, statische rendering of hydration aan.

Voor GEO is dat cruciaal. Veel AI-crawlers lezen alleen de HTML die de server terugstuurt. Staat je inhoud er niet in, dan kan ChatGPT of Perplexity je pagina niet lezen en dus niet citeren.

SSR helpt ook je snelheid en je Core Web Vitals, omdat de inhoud sneller zichtbaar is.

Hoe pak je het aan

1. Bekijk de broncode van je belangrijkste pagina’s (Ctrl+U) en controleer of de hoofdtekst erin staat.
2. Gebruik een framework dat standaard server-side of statisch rendert, zoals Astro of Next.js.
3. Zorg dat links echte <a href>-links zijn, niet alleen klikgebeurtenissen in JavaScript.

Lees meer over JavaScript-SEO of Astro en SEO, of bekijk onze dienst Agentic website laten maken.

Veelgestelde vragen

Is statische rendering hetzelfde als SSR?

Bijna. Bij statische rendering wordt de HTML één keer gebouwd bij het publiceren, bij SSR bij elke aanvraag. Voor zoekmachines en AI-crawlers is het resultaat hetzelfde: volledige HTML.