Is your site built in Lovable or React? Then ChatGPT sees an empty page: wat het kost en waar je op let

Waarom ziet ChatGPT een lege pagina?

Veel moderne sites sturen eerst een bijna lege pagina en bouwen de tekst daarna op in de browser met JavaScript.

Een bezoeker merkt daar niets van. De tekst staat er een paar honderd milliseconden later. Een AI-crawler wacht daar niet op en voert het script niet uit. Hij leest de lege pagina en gaat door.

Dit speelt vooral bij Lovable, Bolt, v0, React, Vue en veel Next.js-sites. Google rendert wel, maar later en niet altijd volledig. Dat maakt het ook voor gewone SEO een risico.

Hoe weet je of jouw site hier last van heeft?

Je site heeft last van dit probleem als de tekst niet in de HTML staat, maar pas met JavaScript binnenkomt.

De snelste test is de site op de edge zetten. Onder Zoekmachines en AI zie je dan hoeveel pagina's leeg zijn zonder JavaScript. Is dat er nul, dan staat je tekst al in de HTML en doet de edge niets extra.

Dit proef je gratis drie dagen uit op je eigen site. Je betaalt dus niets om te ontdekken of er een probleem is.

Wat kost een rebuild met server-rendering?

Server-rendering in je eigen site is de nette oplossing, maar het is een verbouwing.

Bij een rebuild draait de kost vooral op uren van een developer. De bron noemt weken werk. Een vast bedrag kan ik niet geven, want dat hangt af van hoe je site is opgebouwd.

Let bij een offerte op deze punten:

• Welk framework gebruik je nu en moet dat mee verhuizen?
• Blijft je ontwerp gelijk of verandert er van alles mee?
• Wie test achteraf of de tekst echt in de HTML staat?
• Wat gebeurt er met je huidige posities tijdens de ombouw?

De omzet die je intussen misloopt, rekent geen offerte mee.

Wat doet de edge-oplossing en wat kost dat?

De edge controleert per pagina of de tekst in de HTML staat of pas met JavaScript komt.

Pagina's die leeg zijn, laadt de edge in een echte browser, inclusief je SEO-verbeteringen zoals titels, beschrijvingen, canonicals en schema. Google, Bing, ChatGPT, Claude en Perplexity krijgen die kant-en-klare versie, elke dag vers. Je bezoekers zien gewoon de normale pagina en je site wordt er niet trager van.

Je past geen regel code aan. Een prijs voor dit onderdeel staat niet op de pagina die ik als bron gebruik. Wil je weten wat het voor jouw site kost, kijk dan bij het bestellen of probeer het eerst gratis.

Is dit geen cloaking?

Nee, want crawlers krijgen dezelfde inhoud als je bezoekers, alleen al geladen.

Cloaking betekent dat je crawlers iets anders laat zien dan mensen. Hier gaat het om dezelfde pagina. Google noemt dit dynamic rendering en staat het toe. Er is geen truc: wat je bezoeker leest, leest de crawler ook.

Waar let je nog meer op?

Een leesbare pagina is een begin, maar geen garantie dat een AI je ook noemt.

AI-crawlers kunnen je tekst lezen, maar of je genoemd wordt, hangt af van wat er op de pagina staat. Denk aan een duidelijk antwoord, concrete gegevens en goede titels.

Let daarnaast op deze zaken:

• Het werkt met elk platform, ook met React, Vue, Svelte, Angular en Next.js of Nuxt zonder server-side rendering.
• Je ziet hoeveel pagina's klaarstaan, hoe vaak crawlers ze kregen en of er iets misging.
• Server-rendering blijft de beste route op lange termijn. De edge overbrugt de tijd tot die rebuild er is.