Een browser ontvangt HTML en voert daarna CSS en JavaScript uit. Wat daaruit komt, is de pagina die je ziet. Dat uitvoeren heet rendering. Google verwerkt JavaScript volgens zijn uitleg over JavaScript en SEO in drie fasen: crawlen, renderen en indexeren. Pagina’s met statuscode 200 gaan in een wachtrij voor rendering. Dat kan een paar seconden duren, maar ook langer. Daarna rendert een headless Chromium de pagina en gebruikt Google de gerenderde HTML om te indexeren.
Waarom is het belangrijk?
Staat je inhoud pas na JavaScript op de pagina, dan hangt het ervan af of een bot die stap uitvoert. Google schrijft zelf dat niet alle bots JavaScript kunnen uitvoeren, en noemt server-side rendering of pre-rendering daarom nog steeds een goed idee.
Voorbeeld
Zo ziet de HTML eruit die een bot krijgt bij een pagina die volledig in de browser wordt opgebouwd:
<body>
<div id="app"></div>
<script src="/app.js"></script>
</body>Zonder rendering staat hier geen enkele productnaam, prijs of uitleg.
Hoe controleer je het?
Vergelijk de paginabron (in de browser via “paginabron bekijken”) met wat je op het scherm ziet. Staat de belangrijke tekst niet in de paginabron, dan is hij afhankelijk van JavaScript. In Google Search Console toont URL-inspectie de HTML die Google na rendering zag.
Meer in Kunnen AI-crawlers je website lezen? JavaScript en server-HTML.