Rendering

Wat is rendering?

Rendering is het proces waarbij een browser of zoekmachine de code van een pagina (HTML, CSS en JavaScript) omzet in de pagina die iemand echt ziet. Google leest eerst de HTML en voert JavaScript daarna uit in een aparte renderstap, voordat de inhoud van de pagina in de index terechtkomt.

Waarom is rendering belangrijk?

• Zichtbare inhoud: tekst en links die pas na het uitvoeren van JavaScript verschijnen, worden later of soms niet opgepikt.
• Snelheid: zware scripts vertragen het renderen en dus de laadtijd.
• AI-zoekmachines: niet alle crawlers van AI-assistenten voeren JavaScript uit, dus belangrijke inhoud staat het veiligst direct in de HTML.

Voorbeelden van rendering

• Server-side rendering: de server stuurt een kant-en-klare pagina, zoals bij een klassieke WordPress-site.
• Client-side rendering: de browser bouwt de pagina op met JavaScript, zoals bij veel single-page apps.
• Statische generatie: pagina’s worden vooraf gebouwd en als kant-en-klaar bestand geleverd.

Hoe pas je rendering toe?

Zorg dat de belangrijkste tekst, koppen en links al in de eerste HTML staan en blokkeer geen scripts of stijlbestanden in robots.txt. Bekijk met de URL-inspectie in Google Search Console hoe Google je pagina rendert. Kies bij een JavaScript-framework liever server-side of statische rendering. Meer hierover lees je bij technische SEO.