JavaScript-SEO

JavaScript-SEO is het onderdeel van technische SEO dat gaat over sites waar JavaScript content, links of metadata bepaalt. Het doel: zorgen dat zoekmachines alles kunnen vinden en begrijpen wat een bezoeker ziet.

Google verwerkt JavaScript-pagina's in drie fasen: crawlen, renderen en indexeren. Na het crawlen gaat een pagina in een wachtrij voor de Web Rendering Service, die een actuele Chromium-versie gebruikt. Pas daarna ziet Google wat JavaScript heeft toegevoegd. Dat werkt, maar het is een extra stap waar dingen mis kunnen gaan.

Rendering kost Google rekenkracht. Voor kleine sites maakt dat weinig uit. Voor een webshop met tienduizenden product- en filter-URL's telt het wel: pagina's die pas na rendering hun links tonen, worden trager ontdekt dan pagina's met links in de HTML.

Links moeten echte <a href>-elementen zijn. Google volgt geen onclick-handlers of knoppen die met JavaScript navigeren.

Gebruik echte URL's, geen #-fragmenten voor routing. Google negeert alles na de hash.

Geef de juiste statuscode. Een SPA die voor een verwijderd product 200 teruggeeft met 'niet gevonden' maakt een soft 404.

Blokkeer geen JavaScript- of CSS-bestanden in robots.txt. Dan kan Google de pagina niet renderen.

Zet title, meta robots en canonical in de eerste HTML. Een canonical of noindex die JavaScript later verandert, levert tegenstrijdige signalen op.

Laad content niet pas na scrollen of klikken. Googlebot scrolt en klikt niet; het rendert met een hoge viewport.

Magento en Shopify renderen standaard server-side, dus het basisrisico is klein. De problemen zitten in onderdelen: filters die geen links maar JavaScript-state gebruiken, mega-menu's die hun links pas bij hover via AJAX laden, productgrids van zoektools die in de browser worden opgebouwd en 'meer laden'-knoppen zonder gepagineerde URL's.

Bij headless (React, Vue, Hydrogen) is JavaScript-SEO de kern van het project. Daar beslis je per route of hij server-side, statisch of client-side rendert, en dat moet je testen.

Vergeet AI-zoekmachines niet. Voor zover bekend voeren de meeste AI-crawlers geen JavaScript uit. Wat alleen na rendering verschijnt, komt dan niet in ChatGPT of Perplexity terecht.

Gebruik de URL-inspectie in Search Console en bekijk de gerenderde HTML en de screenshot. Vergelijk de paginabron met de gerenderde DOM: alles wat alleen in de tweede staat, hangt van rendering af. Een crawler als Screaming Frog kan met en zonder JavaScript crawlen, zodat je per template ziet wat er verschilt.

Draai die vergelijking op één URL per template en niet alleen op de homepage. Een verschil in het aantal links tussen bron en gerenderde DOM is het snelste signaal dat navigatie of productlijsten van JavaScript afhangen.