JavaScript rendering: wat crawlers wel en niet zien

Google verwerkt pagina's in twee golven. Eerst haalt de crawler de ruwe HTML op en indexeert wat daarin staat. Pagina's die JavaScript nodig hebben, gaan daarna in een render queue waar een headless Chromium de scripts uitvoert. Pas na die tweede golf kent Google de volledige inhoud. Die vertraging varieert van seconden tot dagen.

Klassieke problemen: content die alleen na een klik of scroll laadt, interne links als onClick-handlers zonder href, metadata die client-side wordt gezet, paginatie die alleen via JavaScript werkt, en scripts die geblokkeerd zijn in robots.txt. In al die gevallen ziet de crawler in de eerste golf een vrijwel lege pagina, met slechtere indexatie en interne linkverdeling als gevolg.

Dit is het belangrijkste verschil met vroeger. GPTBot, ClaudeBot en de meeste andere AI-crawlers halen de HTML op en verwerken die zoals ze hem krijgen — zonder rendering. Staat je kernboodschap alleen in een client-side gerenderde component, dan bestaat die content voor taalmodellen simpelweg niet. Voor GEO is renderstrategie daarmee een harde randvoorwaarde.

Server-side rendering (SSR) levert volledige HTML per request en is de veiligste keuze voor dynamische content. Static site generation (SSG) bouwt HTML vooraf en is ideaal voor content die zelden verandert. Prerendering serveert een vooraf gerenderde versie aan bots. Hydration vult die HTML daarna aan met interactiviteit. Kies op basis van hoe vaak je content verandert en hoe persoonlijk hij is.

Zet interne links altijd in echte anchor-elementen met een href-attribuut. Zet title, meta description, canonical en structured data server-side in de HTML. Blokkeer nooit JS- of CSS-bestanden in robots.txt. Laad belangrijke content niet pas na gebruikersinteractie. En laat lazy loading alleen los op afbeeldingen en niet-essentiële blokken, niet op je hoofdtekst.

Kijk niet naar de browserweergave maar naar de bron. Gebruik 'weergegeven HTML' in de URL-inspectie van Search Console, schakel JavaScript uit in je browser, of haal de pagina op met curl en controleer of je kernteksten, links en schema in de respons staan. Crawl je site vervolgens met en zonder JavaScript-rendering en vergelijk het verschil in gevonden content en links.