JavaScript-SEO

JavaScript-SEO is het deel van technische SEO dat ervoor zorgt dat websites die voor hun inhoud op JavaScript steunen, toch goed gecrawld, gerenderd en geïndexeerd worden. Het probleem: als je tekst, links of metadata pas na het uitvoeren van JavaScript op de pagina verschijnen, ziet niet elke crawler die. Google kan JavaScript uitvoeren, maar veel AI-crawlers niet.

Een voorbeeld

Een webshop gebouwd als single-page app stuurt eerst een bijna lege HTML-pagina en laadt de producten daarna via JavaScript. Een bezoeker ziet een volle pagina. Googlebot rendert de pagina en ziet de producten ook. Een AI-crawler die alleen de HTML leest, ziet een lege pagina met één script-tag.

Waarom het telt voor SEO en GEO

Google rendert pagina’s met een recente versie van Chrome, maar dat gebeurt soms met vertraging en kan mislukken. Google raadt server-side rendering of prerendering aan, en wijst op enkele valkuilen (Google Search Central):

• Gebruik echte URL’s via de History API, geen #-fragmenten voor verschillende pagina’s.
• Geef correcte HTTP-statuscodes, ook voor foutpagina’s.
• Zet de canonical in de HTML en laat JavaScript die niet wijzigen.
• Vertrouw er niet op dat JavaScript een noindex achteraf weghaalt.

Voor AI is het risico groter. Een analyse van Vercel (2024) vond geen aanwijzingen dat GPTBot, ClaudeBot of PerplexityBot JavaScript uitvoeren. Wat niet in de HTML staat, bestaat dan niet voor ChatGPT, Claude of Perplexity. Dat geldt ook voor vertalingen die een vertaalproxy in JavaScript-modus inlaadt.

Hoe pak je het aan

1. Bekijk de broncode (niet de inspector) van je belangrijkste pagina’s. Staat de tekst erin?
2. Test met URL-inspectie in Search Console wat Google na het renderen ziet.
3. Kies server-side rendering of statische generatie voor inhoudspagina’s.
4. Zorg dat links echte <a href>-elementen zijn.
5. Beperk zware scripts, ook voor je Core Web Vitals.

Wil je laten testen wat Google en AI-crawlers van je site zien? Zie Technische SEO & AI-crawlers.

Veelgestelde vragen

Is een React- of Vue-site slecht voor SEO?

Niet als ze server-side gerenderd of statisch gegenereerd wordt, zoals met Next.js, Nuxt of Astro. Het probleem zit in pure client-side rendering.

Hoe weet ik of mijn site afhankelijk is van JavaScript?

Schakel JavaScript uit in je browser en laad de pagina. Zie je geen tekst of navigatie meer, dan ben je afhankelijk.