AI Tools8 april 20268 min

    Waarom je Lovable-website onzichtbaar is voor Google

    HTML-code onder een vergrootglas — zoekmachinetags inspecteren

    Je hebt een prachtige website gebouwd met Lovable. Visueel sterk, goed doordacht, klaar om de wereld in te gaan. Maar Google ziet hem niet.

    Dit is geen zeldzaam probleem. Het is eigenlijk het standaard probleem bij vrijwel elke website die is gebouwd met een tool als Lovable, Bolt of andere AI-websitebouwers. En het heeft een technische oorzaak die de meeste ondernemers niet kennen — maar die je wel kunt oplossen.

    In dit artikel leg ik uit wat er aan de hand is, waarom het zo werkt, en wat de structurele fix is.

    Hoe Lovable een website bouwt — en waarom dat een SEO-probleem geeft

    Lovable bouwt websites als React-applicaties. Dat is technisch gezien een Single Page App, of SPA. Het model werkt zo: de server stuurt een minimale HTML-pagina naar de bezoeker, en vervolgens laadt JavaScript in de browser die de volledige pagina opbouwt.

    Voor een menselijke bezoeker is dit onzichtbaar. De website verschijnt gewoon, snel en mooi.

    Voor Google is dit een groot probleem.

    Googlebots crawlen het internet continu. Ze halen pagina's op, lezen de HTML, en slaan die informatie op. Ze doen dit razendsnel, en ze wachten niet op JavaScript. Wat ze zien als ze een Lovable-site bezoeken, ziet er zo uit:

    <body>
      <div id="root"></div>
    </body>

    Een lege container. Geen tekst. Geen titel. Geen content om te indexeren.

    Google heeft weliswaar de mogelijkheid om JavaScript alsnog te renderen — maar dat is een tweede stap die later plaatsvindt, onbetrouwbaar is voor nieuwe websites, en soms weken duurt. Voor een site die je nu wil laten indexeren, is "Google rendert het later wel" geen werkbare strategie.

    Wat Google wel en niet nodig heeft

    Om een pagina goed te indexeren, heeft Google drie dingen nodig in de HTML die het direct ontvangt — zonder JavaScript:

    1. Echte content in de body

    Tekst, koppen, beschrijvingen. Als Google alleen een lege div ziet, heeft het niets om te indexeren.

    2. Een unieke title per pagina

    De <title>-tag is het sterkste signaal dat je Google geeft over waar een pagina over gaat. Elke pagina op je site moet een andere title hebben. Dezelfde title op iedere pagina — of helemaal geen title — is een van de meest voorkomende SEO-fouten.

    3. Een meta description en canonical tag

    De description bepaalt wat mensen zien in de zoekresultaten en beïnvloedt de klikratio. De canonical tag vertelt Google welke URL de "officiële" versie is — essentieel als je site bereikbaar is via meerdere URL-varianten.

    Bij een Lovable-site in de standaardconfiguratie ontbreken alle drie.

    De oplossing: statische HTML-generatie

    De structurele fix heet Static Site Generation, afgekort SSG. Het idee is simpel: in plaats van dat de browser de pagina opbouwt nadat JavaScript laadt, bouwt de server de pagina alvast — zodat de HTML die wordt verstuurd al alle content bevat.

    Google haalt die pagina op, ziet meteen tekst, titels en tags, en kan de pagina indexeren. Geen wachten op JavaScript. Geen lege divs.

    Dit kun je instellen binnen Lovable zelf, via een package genaamd vite-react-ssg. Je hoeft de site niet opnieuw te bouwen. Je voegt één configuratielaag toe, en je blijft gewoon in Lovable werken.

    Waarom je ook van hosting moet wisselen

    Hier zit een subtiliteit waar veel mensen tegenaan lopen.

    Lovable host je website op zijn eigen servers. Die servers zijn ontworpen voor het snel serveren van JavaScript-apps — niet voor het bouwen van statische HTML. Ook al configureer je SSG in Lovable, de Lovable-hosting doet er weinig mee.

    De oplossing is om je site te hosten op Vercel. Vercel is een hostingplatform dat gebouwd is voor precies dit soort builds. Het bouwt je site opnieuw bij elke update en genereert daarbij statische HTML-pagina's per URL.

    De workflow ziet er dan zo uit:

    Lovable → GitHub → Vercel

    Lovable exporteert je code naar een GitHub-repository. Vercel koppelt aan die repository en deployt automatisch bij elke nieuwe versie. Jij blijft gewoon in Lovable werken — je klikt op Publish, en de rest gaat automatisch.

    Hoe je dit inricht — stap voor stap

    GitHub

    Maak een gratis account op github.com. Koppel het via Lovable (Connect GitHub). Lovable maakt automatisch een repository aan. Let op: je moet de eigenaar zijn van het Lovable-project om dit te kunnen doen.

    Lovable SEO-configuratie

    Stuur deze prompt in Lovable voordat je publiceert:

    Installeer vite-react-ssg en configureer statische HTML-generatie voor alle pagina's. Zorg dat elke pagina via de Head-component een unieke title, meta description en canonical tag heeft. Google moet bij elke URL meteen echte HTML-content zien — geen lege div. Geef daarna een overzicht van de ingestelde waarden per pagina.

    Vercel

    Maak een gratis account op vercel.com via je GitHub-account. Importeer de repository die Lovable heeft aangemaakt. Klik Deploy. Vercel herkent het project automatisch.

    Domein

    In Vercel voeg je je eigen domeinnaam toe via Settings → Domains. Vercel geeft je een A-record en een CNAME-record. Die voer je in bij je domeinprovider. Verwijder eerst de bestaande records die naar Lovable wijzen — anders ontstaan er conflicten.

    Google Search Console

    Dien je sitemap in via search.google.com/search-console. De sitemap staat standaard op /sitemap.xml. Vraag daarna voor elke hoofdpagina apart indexering aan via de URL-inspectietool.

    Hoe weet je of het goed staat?

    Vertrouw niet alleen op wat tools je vertellen. De enige betrouwbare check is de live HTML zelf.

    Ga naar je website, klik rechtsklik → Paginabron bekijken. Kijk bovenaan de pagina. Als je een <title>-tag ziet met unieke tekst, een <meta name="description"> en een <link rel="canonical"> — en geen lege <div id="root"> — dan is het goed.

    Zie je wel een lege div en geen tags? Dan is de SSG-configuratie nog niet actief, of de hosting serveert nog de oude versie.

    Wat doe je als je een nieuwe pagina toevoegt?

    Dit is een vraag die veel ondernemers bezighoudt: moet je de sitemap opnieuw indienen bij Google? Nee. De sitemap indienen is eenmalig. Google leest hem daarna periodiek opnieuw.

    Wat je wél moet doen bij elke nieuwe pagina:

    • Voeg de pagina toe aan sitemap.xml via Lovable
    • Geef de pagina een eigen title, description en canonical tag
    • Publiceer in Lovable — Vercel deployt automatisch

    Wil je dat Google de pagina sneller oppikt? Ga dan naar Google Search Console → URL-inspectie → voer de nieuwe URL in → klik op Indexering aanvragen. Google crawlt de pagina dan meestal binnen enkele uren tot dagen.

    Wanneer zie je resultaat?

    Dit is de meest gestelde vraag, en het eerlijke antwoord is: niet morgen.

    SEO is geen schakelaar maar een oplopend effect. Globaal geldt:

    • 1 tot 2 weken — eerste pagina's verschijnen in de index
    • 1 tot 3 maanden — eerste zichtbare posities in zoekresultaten
    • 6 maanden en verder — structurele rankingverbetering, mits je content blijft toevoegen

    Dat klinkt lang. Maar als je nu niets doet, betaalt het zich ook nooit uit.

    De basis goed inrichten — statische HTML, unieke tags per pagina, sitemap — is de minimale investering voor elk serieus webaanbod. Daarna is het een kwestie van consistent doorgaan.

    Wat je altijd op orde moet hebben

    Los van het technische fundament zijn er een aantal onderdelen die je bij elke website standaard op orde moet brengen:

    • Unieke title per pagina — het sterkste signaal voor Google, en bepalend voor wat mensen zien in de zoekresultaten.
    • Meta description per pagina — beïnvloedt de klikratio. Houd het op 140-160 tekens.
    • Canonical tag — voorkomt verwarring bij URL-varianten.
    • H1-tag — elke pagina heeft er precies één, en die beschrijft de kernboodschap van die pagina.
    • Open Graph tags — bepalen hoe je link eruitziet bij delen op LinkedIn of WhatsApp. Zonder OG-tags: een lelijke of lege preview.
    • Structured data (JSON-LD) — geeft Google extra context over je bedrijf. Kan leiden tot rich snippets in de zoekresultaten.
    • Sitemap en robots.txt — basisnavigatie voor crawlers. Check altijd of robots.txt geen Disallow: / bevat — dat blokkeert de hele site.
    • Interne links — pagina's die nergens naar gelinkt worden, worden minder goed gecrawld. Zorg dat elke pagina bereikbaar is via de navigatie of via andere pagina's.

    Lovable is een krachtig platform om snel professionele websites te bouwen. Maar de standaardinstelling is niet ingericht op indexeerbaarheid. Met een kleine technische aanpassing — SSG via Vercel — los je het structurele probleem op, en geef je Google de informatie die het nodig heeft om je site te begrijpen.

    De rest is content en consistentie.

    Wil je weten of jouw website technisch klaar is voor Google?

    Stuur ons een berichtje — we kijken het na.

    Neem contact op

    Deel dit artikel:

    Geschreven door Emma van Leeuwen