Veel websites hebben inhoudelijk sterke pagina’s, maar worden toch nauwelijks gebruikt in AI-antwoorden.
Een vaak onderschatte oorzaak is code-bloat: een overmaat aan HTML, CSS en JavaScript in verhouding tot de daadwerkelijke tekst.
AI-systemen lezen geen design, maar broncode.
Als je boodschap daar te diep in verstopt zit, verliest die aan gewicht.
In dit artikel leggen we uit:
- wat token-ratio en code-bloat zijn
- waarom dit relevant is voor AI-vindbaarheid
- hoe je dit zelf controleert
- en welke praktische verbeteringen het meeste effect hebben
Wat is token-ratio (en wat bedoelen we met code-bloat)?
Wanneer AI een webpagina leest, wordt die pagina technisch opgedeeld in tokens.
Tokens zijn kleine stukjes informatie, zoals:
- woorden uit je tekst
- HTML-tags
- CSS-classes
- JavaScript-structuren
De token-ratio beschrijft de verhouding tussen:
- inhoud (echte, leesbare tekst)
- code (structuur, scripts, styling)
Bij veel moderne websites bestaat een pagina voor:
- 80–90% uit code
- en slechts 10–20% uit daadwerkelijke tekst
Dat noemen we code-bloat.
Voor mensen is dat geen probleem.
Voor AI wel.
Waarom is dit belangrijk voor AI-vindbaarheid?
AI-systemen proberen snel te begrijpen:
- waar een pagina over gaat
- wat de kernboodschap is
- welke passages belangrijk zijn
Als de meeste tokens bestaan uit:
- wrappers
- layout-divs
- scripts
- herhaalde navigatie
dan krijgt de inhoud relatief weinig gewicht.
Gevolg:
- de kernboodschap wordt minder duidelijk
- samenvattingen worden oppervlakkiger
- AI kiest sneller een eenvoudiger opgebouwde bron
Er is geen straf of penalty.
Maar in een vergelijking wint vaak de pagina die sneller leesbaar is voor machines.
Waar gaat het in de praktijk vaak mis?
Code-bloat ontstaat meestal onbedoeld, bijvoorbeeld door:
- page builders met veel geneste
<div>-structuren - zware JavaScript-frameworks voor simpele content
- templates die overal dezelfde grote blokken laden
- sliders, animaties en effects boven de hoofdtekst
- content die pas via JavaScript wordt ingeladen
Dit zijn geen “fouten”, maar ontwerpkeuzes die voor AI nadelig kunnen uitpakken.
Wat zijn de gevolgen van een slechte token-ratio?
Als de verhouding code ↔ tekst uit balans is:
- moet AI zoeken naar de hoofdinhoud
- krijgt de kernboodschap minder prioriteit
- worden pagina’s minder vaak geciteerd
- winnen concurrenten met simpelere HTML-structuren
Dit verklaart waarom sommige sobere pagina’s vaker worden genoemd dan visueel rijkere websites.
volledig weten hoe je vindbaar in Chatgpt wordt?
Hoe controleer je dit zelf (zonder tools)?
Stap 1 — Open de HTML-broncode
Ga naar een belangrijke pagina (bijv. homepage of gids).
- Rechtermuisknop → Pagina-bron bekijken
- of:
Ctrl + U/Cmd + Option + U
Stap 2 — Zoek je hoofdtekst
Gebruik:
Ctrl + F/Cmd + F- zoek een zin uit je content
Vraag jezelf af:
- zie ik mijn tekst snel en duidelijk?
- of moet ik veel scrollen door code?
Als je tientallen schermen code ziet vóór de inhoud:
dan is de token-ratio waarschijnlijk ongunstig.
Stap 3 — Kijk naar de volgorde
Let op:
- staat de hoofdtekst relatief hoog in de HTML?
- of pas na headers, sliders, scripts en navigatie?
Hoe later de inhoud verschijnt, hoe minder gewicht die krijgt.
Stap 4 — Vergelijk pagina’s
Vergelijk:
- een blogartikel
- een complexe landingspagina
Je ziet vaak direct:
- blog → meer tekst, minder code
- landingspagina → meer code, minder tekst
Dat verschil is exact waar token-ratio over gaat.
Wanneer staat dit op groen?
Dit onderdeel is goed ingericht als:
- de hoofdtekst duidelijk zichtbaar is in de HTML
- content niet volledig afhankelijk is van JavaScript
- layout en scripts de inhoud niet overheersen
- tekst een substantieel deel van de pagina vormt
Als richtlijn:
minimaal ~20% van de pagina bestaat uit echte tekst
Het hoeft niet perfect.
Het moet begrijpelijk en efficiënt leesbaar zijn.
Hoe verbeter je token-ratio (praktisch en realistisch)
1. Focus op de juiste pagina’s
Je hoeft dit niet overal op te lossen.
Begin met:
- homepage
- gidsen / pijlerpagina’s
- belangrijke uitlegpagina’s
2. Zet de kerninhoud hoger in de HTML
Zorg dat:
- de hoofdtekst eerder wordt gerenderd
- niet pas na visuele of interactieve elementen
Vaak kan dit zonder designwijziging, puur door volgorde.
3. Beperk overbodige structuren
Waar mogelijk:
- verminder geneste wrappers
- verwijder ongebruikte blokken
- laad zware scripts niet op contentpagina’s
Vraag aan je webbouwer:
“Kunnen we deze pagina inhoudelijk simpeler maken voor machines?”
4. Zorg dat tekst server-side beschikbaar is
Belangrijk:
- tekst moet in de HTML staan
- niet pas na JavaScript-rendering verschijnen
AI leest vooral wat direct beschikbaar is.
Wat hoef je hiervoor niet te doen
Voor dit punt hoef je:
- geen redesign te doen
- geen CMS te vervangen
- geen nieuwe content te schrijven
- geen technische SEO-tools te kopen
Dit is een structuur- en prioriteitsvraag, geen contentproject.
Samenvatting
- Token-ratio bepaalt hoeveel aandacht AI aan je inhoud kan geven
- Te veel code verzwakt je boodschap
- Dit is eenvoudig te controleren via de broncode
- Kleine structurele aanpassingen maken groot verschil
Wil je weten of dit bij jouw website speelt?
Dan is het logisch dit mee te nemen in een bredere beoordeling, zoals de AI-vindbaarheid scan
Plaats binnen het grotere geheel
Token-ratio gaat niet over techniek om de techniek.
Het gaat over begrijpelijkheid voor machines.
Samen met:
- robots.txt
- server & firewall
- HTML-zichtbaarheid
bepaalt dit of je inhoud überhaupt kans maakt om geciteerd te worden.
