JavaScript-SEO: controleren of Google je content ziet

Moderne websites gebruiken veel JavaScript: voor animaties, maar soms ook om de inhoud zelf te laden. Voor bezoekers maakt dat weinig uit. Voor zoekmachines wel. Google verwerkt JavaScript in een aparte stap (renderen), die later kan plaatsvinden dan het eerste crawlen. En veel AI-crawlers lezen alleen de HTML die de server direct teruggeeft. Wat daar niet in staat, bestaat voor hen niet.

Twijfel je of Google je content goed ziet en wil je dat laten uitzoeken? Onze SEO-specialisten bekijken rendering, indexering en interne links in samenhang.

Wanneer loop je risico?

• Websites gebouwd als single-page application (bijvoorbeeld met React, Vue of Angular) zonder server-side rendering.
• Producten, reviews of prijzen die via een script van een externe dienst worden ingeladen.
• Tabbladen, accordeons of "lees meer"-knoppen die inhoud pas ophalen na een klik.
• Navigatie die geen echte links gebruikt, maar knoppen met een klikactie.
• Oneindig scrollen zonder gewone paginering.

Websites in Webflow, WordPress en Shopify leveren de hoofdinhoud standaard als HTML uit. Daar zitten de risico's vooral in toegevoegde widgets, apps en scripts.

Stap 1: bekijk de broncode

Open de pagina, druk op Ctrl+Je (Windows) of Cmd+Option+Je (Mac) en zoek (Ctrl+F) op een herkenbare zin uit de hoofdtekst, een productnaam of een link. Staat die er niet in, dan wordt hij later via JavaScript toegevoegd.

Let op het verschil met "Inspecteren": de inspector toont de pagina ná het uitvoeren van JavaScript. De broncode toont wat de server oorspronkelijk stuurt.

Stap 2: test met URL-inspectie

1. Open Search Console en voer de URL in de zoekbalk bovenaan in.
2. Klik op Live URL testen.
3. Klik op Geteste pagina bekijken en open het tabblad HTML: dat is de gerenderde code zoals Google die ziet. De schermafbeelding laat zien hoe de pagina eruitziet voor Google.
4. Bekijk onder Meer informatie of bronnen niet konden worden geladen, bijvoorbeeld doordat robots.txt scripts blokkeert.

Meer over dit hulpmiddel in URL-inspectie in Search Console.

Stap 3: controleer links

Google volgt links die als <a href="https://www.bdmnl.nl/pagina"> in de code staan. Links die alleen via een onclick-script werken, worden niet als link gezien. Controleer menu's, paginering en "meer laden"-knoppen.

Stap 4: test zonder JavaScript

Een snelle extra controle, ook voor pagina's die nog niet in Search Console staan: schakel JavaScript tijdelijk uit in je browser (via de ontwikkelaarstools) en laad de pagina opnieuw. Wat je dan ziet, komt ongeveer overeen met wat een crawler zonder JavaScript leest. Ontbreken de hoofdtekst, prijzen, FAQ's of het menu, dan heb je je risicopunten gevonden.

Dit is vooral belangrijk voor AI-zoekmachines. Een analyse van Vercel uit december 2024 liet zien dat de grote AI-crawlers, zoals die van OpenAI, Anthropic en Perplexity, toen geen JavaScript uitvoerden. Dat kan veranderen, maar je kunt er niet van uitgaan.

Waar je per paginatype op let

• Dienstpagina — Typisch risico: reviews of prijzen uit een externe widget
• Productpagina — Typisch risico: varianten, voorraad of specificaties die pas na een klik laden
• Kennisbank of FAQ — Typisch risico: antwoorden die pas bij openklappen worden opgehaald
• Categorie- of overzichtspagina — Typisch risico: producten die via oneindig scrollen laden, zonder gewone paginalinks
• Contactpagina — Typisch risico: adres en openingstijden alleen in een kaartwidget

Wat kun je verbeteren?

• Belangrijke inhoud direct in de HTML. Kies bij maatwerk voor server-side rendering of statische generatie.
• Echte links voor navigatie en paginering.
• Scripts niet blokkeren in robots.txt als ze nodig zijn om de pagina op te bouwen.
• Externe widgets kritisch bekijken. Reviews of FAQ's van een externe dienst zijn vaak onzichtbaar voor crawlers. Vraag of de dienst een HTML-variant of een koppeling biedt waarmee de inhoud op je eigen pagina komt.
• Inhoud in accordeons is prima, zolang die al in de HTML staat en alleen visueel wordt ingeklapt.

Voorbeeld

Stel: een dienstverlener toont klantbeoordelingen via een widget van een reviewplatform. In de browser staan tientallen beoordelingen, maar in de broncode alleen een leeg element en een scriptregel. Zoekmachines en AI-systemen kunnen de beoordelingen op deze pagina dus niet lezen. Een oplossing is een selectie van beoordelingen als gewone tekst op de pagina te zetten, met een verwijzing naar het platform.

Werk je met WordPress, dan bepaalt ook je keuze voor blokeditor of pagebuilder hoeveel scripts er laden; zie WordPress: blokeditor of pagebuilder?.

Veelgestelde vragen

Kan Google helemaal geen JavaScript lezen?

Jawel, Google rendert pagina's met een actuele versie van Chrome. Maar het gebeurt in een aparte stap en gaat niet altijd goed, bijvoorbeeld bij fouten of trage scripts.

Lezen ChatGPT en andere AI-crawlers JavaScript?

Veel AI-crawlers voeren geen of beperkt JavaScript uit. Zet inhoud die je in AI-antwoorden terug wilt zien daarom direct in de HTML. Zie ook Technische SEO voor AI-crawlers.

Is mijn Webflow-website veilig?

De pagina-inhoud en CMS-teksten zitten bij Webflow standaard in de HTML. Controleer vooral ingesloten code en externe widgets.

Wat is server-side rendering?

Bij server-side rendering bouwt de server de complete pagina op voordat hij naar de browser gaat. Crawlers krijgen dan meteen alle inhoud, ook zonder JavaScript uit te voeren.

Mijn pagina wordt niet geïndexeerd; kan het aan JavaScript liggen?

Het kan. Als de schermafbeelding bij URL-inspectie leeg of onvolledig is, is dat een sterke aanwijzing. Zie ook Soft 404 oplossen.

Hulp nodig?

Twijfel je of zoekmachines en AI-crawlers je belangrijkste inhoud kunnen lezen? Een technische SEO-analyse controleert dit per paginatype.

Snelle test: bekijk de broncode (Ctrl+Je of Cmd+Option+Je) en zoek op een zin uit je hoofdtekst. Staat die er niet in, dan wordt hij via JavaScript geladen.