Waarom je vibe-coded website misschien nooit in Google zal ranken

Een oprichter liet me vorige maand een indrukwekkende website zien. Het had strakke animaties en scherpe teksten. Hij bouwde het in één middag met behulp van een AI-tool.

Drie maanden later had de site nul aanwezigheid op Google. Hij kwam zelfs niet naar voren bij de zoekopdracht op zijn eigen merknaam.

Dit is het probleem met vibe-coded websites. Voor jou zien ze er af als, maar voor zoekmachines zijn ze onzichtbaar. De pagina werkt voor mensen, maar de crawl mislukt.

Vibe coding betekent dat je in gewone taal beschrijft wat je wilt en de AI de code laat schrijven. Tools zoals Lovable, Bolt of Cursor leveren je binnen enkele seconden een werkende app. Het voelt als magie.

De adder onder het gras is een technische standaardinstelling. Deze tools genereren voornamelijk React single-page applications. Dit doen ze omdat React domineert in hun trainingsdata.

React maakt vaak gebruik van client-side rendering (CSR). Dit betekent dat de server een bijna leeg HTML-bestand verstuurt. De browser moet een groot JavaScript-bundle downloaden en uitvoeren voordat de pagina verschijnt.

Voor een mens is dit prima. Voor een crawler is het een ramp.

Googlebot ziet eerst de lege huls. Google gebruikt een indexeringsproces in twee golven:

  • Golf 1: Googlebot crawlt de ruwe HTML. Als je CSR gebruikt, vindt hij niets anders dan een lege container.
  • Golf 2: Google zet de pagina in de wachtrij om JavaScript uit te voeren. Deze stap is niet gegarandeerd. Bij nieuwe sites geeft Google deze rendering misschien nooit prioriteit.

Je site staat in een wachtrij. Google ziet een lege pagina en gaat verder. Je content bereikt de index nooit.

Je kunt dit zelf controleren met drie eenvoudige tests:

  • Google Search Console: Gebruik de URL Inspection tool. Klik op Test Live URL en controleer de gerenderde HTML. Als je tekst ontbreekt, kan Google deze niet zien.
  • Site Search: Typ site:yourdomain.com in Google. Als er geen pagina's verschijnen, ben je niet geïndexeerd.
  • JavaScript uitschakelen: Zet JavaScript uit in je browser. Als je pagina leeg blijft, zal een crawler moeite hebben om je content te vinden.

De oplossing is niet om React te vermijden. De oplossing is om de manier waarop je rendert te veranderen.

Als je de site opnieuw kunt opbouwen, gebruik dan een framework dat direct HTML verstuurt:

  • Next.js: Gebruikt server-side rendering (SSR) of static generation (SSG).
  • Astro: Richt zich eerst op statische HTML.
  • Remix: Rendert standaard op de server.

Als je je huidige site wilt behouden, vraag je AI-tool dan om het op te lossen. Gebruik een prompt zoals: "Convert this app to use server-side rendering so the content is in the initial HTML."

Een werkende site is geweldig. Een zichtbare site is beter. Zorg ervoor dat je content bestaat voordat de JavaScript wordt uitgevoerd.

Bron: https://dev.to/swapbiswas/why-your-vibe-coded-website-may-never-rank-on-google-2026-c5m