Wat is server-side rendering (SSR)?
Server-side rendering (SSR) betekent dat de server de complete HTML van een pagina opbouwt voordat die naar de browser gaat. Wie de pagina ook opvraagt, een bezoeker of een crawler, krijgt direct de tekst, links en data, zonder eerst JavaScript uit te voeren.
Het alternatief is client-side rendering (CSR), gebruikelijk bij single-page applications. De server stuurt dan een bijna lege HTML-schil plus JavaScript, en de browser bouwt de content op. Daartussen zitten static site generation, waarbij pagina's eenmalig bij het bouwen worden gerenderd, en prerendering. Moderne frameworks zoals Next.js, Nuxt en SvelteKit ondersteunen SSR en statische generatie, en voegen daarna interactiviteit toe in de browser via een stap die hydration heet.
Waarom server-side rendering belangrijk is voor AI-zichtbaarheid
Googlebot kan JavaScript renderen, maar veel AI-crawlers lezen alleen de ruwe HTML en voeren geen JavaScript uit. Op een site met client-side rendering zien ze soms weinig meer dan een laadmelding. Productdetails, prijzen, reviews en zelfs gestructureerde data die scripts later toevoegen, kunnen dan ontbreken in wat ze verzamelen.
Rendering is een basisvoorwaarde voor citeerbaarheid: AI-zoekcrawlers kunnen geen content citeren die ze niet kunnen lezen, en trainingscrawlers kunnen er niet van leren. Met SSR of statische pagina's staat de content in de eerste respons, en krijgt elke crawler dezelfde complete pagina als je bezoekers.
Zo controleer en verbeter je rendering voor AI-crawlers
Open "paginabron weergeven" in je browser, niet de element-inspector, en check of je hoofdtekst, prijzen en FAQ's in de HTML staan.
Haal de pagina op met een eenvoudige tool zoals curl, of zet JavaScript uit, en kijk wat er overblijft.
Geef voorrang aan de pagina's die het meest tellen voor AI-antwoorden: product-, prijs-, vergelijkings- en documentatiepagina's.
Zet die templates om naar SSR of statische generatie, of gebruik prerendering als een herbouw niet haalbaar is.
Controleer of belangrijke links echte ankertags in de HTML zijn, zodat crawlers ze kunnen volgen.
Controleer na de wijziging of AI-crawlers de pagina's ook echt ophalen. Crawler Analytics van Trackbase laat zien welke AI-crawlers je site bezoeken en wat ze lezen.
Voorbeelden van server-side rendering (SSR)
Een B2B-softwareleverancier ontdekt dat zijn prijspagina, gebouwd in React, in de paginabron alleen een lege container toont, en zet de pagina om naar server-side rendering.
Een Nederlandse fietsenwebshop rendert productnamen, prijzen en voorraad op de server, terwijl filters en de fotocarrousel nog met JavaScript laden.
Een uitgever zet zijn blog om naar statische generatie, zodat elk artikel volledige HTML is zodra het online staat.
Een SaaS-bedrijf prerendert zijn featurepagina's nadat het merkt dat AI-antwoorden het product beschrijven met verouderde details van externe sites in plaats van de eigen pagina's.
Veelgestelde vragen
Heb je server-side rendering nodig voor SEO en AI-zichtbaarheid?
Niet per se, maar je belangrijke content moet wel in de HTML staan die de server teruggeeft. Server-side rendering is één manier om dat te regelen; statische generatie en prerendering zijn andere. Googlebot kan JavaScript renderen, maar veel AI-crawlers doen dat niet. Een site die volledig op client-side rendering leunt, loopt dus het risico deels onzichtbaar te zijn voor AI-systemen.
Wat is het verschil tussen SSR en client-side rendering?
Bij server-side rendering stuurt de server een complete HTML-pagina, zodat de content er al staat voordat er JavaScript draait. Bij client-side rendering stuurt de server een grotendeels lege pagina en bouwt de browser de content op met JavaScript. Client-side rendering kan in webapps snel aanvoelen, maar crawlers die geen JavaScript uitvoeren, missen de content dan mogelijk volledig.
Hoe weet je of AI-crawlers je content kunnen zien?
Bekijk de ruwe HTML: gebruik "paginabron weergeven" in je browser of haal de pagina op met een tool zoals curl, en zoek naar je hoofdtekst, prijzen en gestructureerde data. Ontbreken die, dan kunnen crawlers die geen JavaScript uitvoeren ze ook niet zien. Met serverlogs of crawler-analytics check je vervolgens of AI-crawlers die pagina's echt bezoeken.