In dit artikel
Een Lovable-site kan prima in Google komen, maar het hangt af van wanneer je project is gemaakt. Sinds 13 mei 2026 draaien nieuwe projecten op TanStack Start met server-side rendering: elke bezoeker en elke bot krijgt direct een volledige pagina. Oudere React + Vite-projecten krijgen pre-rendering, maar alleen voor geverifieerde zoekmachines en previewbots. Controleer in Search Console wat Google echt ziet. Koppen, titels, interne links en content rond echte zoekvragen doet Lovable niet voor je.
Waarom Lovable-sites lang een SEO-probleem hadden
Tot mei 2026 bouwde Lovable sites als een single-page-app met React en Vite. Dat betekent: de server stuurt een bijna lege pagina met een script, en pas in de browser van de bezoeker wordt de tekst opgebouwd. Voor een mens is dat geen probleem. Voor een zoekmachine wel.
Google kan JavaScript uitvoeren, maar doet dat in een aparte stap. Een pagina wordt eerst opgehaald en komt daarna in een wachtrij om te worden gerenderd, zodra Google er rekenkracht voor heeft. Veel andere bots, waaronder een deel van de AI-crawlers en de bots die linkpreviews maken voor LinkedIn of WhatsApp, voeren JavaScript helemaal niet uit. Die zien dan alleen die lege pagina.
Google schrijft in zijn eigen uitleg over JavaScript en SEO dat server-side rendering of pre-rendering nog steeds een goed idee is, juist omdat niet alle bots JavaScript kunnen uitvoeren. Server-side rendering (SSR) betekent dat de server de complete pagina met alle tekst al klaarzet, zodat elke bezoeker en elke bot direct alles ziet.
Wat er sinds mei 2026 veranderd is
Lovable heeft de techniek onder nieuwe projecten omgegooid. Sinds 13 mei 2026 draaien nieuwe projecten op TanStack Start, met server-side rendering. Voor Enterprise-klanten geldt dat sinds 22 juni 2026. Je hoeft daar niets voor in te stellen.
Oudere projecten zijn niet vanzelf omgezet. Ze blijven werken zoals ze waren, en Lovable geeft ze pre-rendering: als een geverifieerde zoekmachine of previewbot langskomt, rendert Lovable de pagina vooraf en stuurt het die de volledige HTML. Andere bezoekers en bots krijgen nog steeds de oude single-page-app. Lovable schrijft er zelf bij dat inhoud die laat laadt, kan ontbreken.
| Ouder project (React + Vite) | Nieuw project (TanStack Start) | |
|---|---|---|
| Google en Bing | Krijgen een vooraf gerenderde versie | Krijgen bij elk verzoek volledige HTML |
| Linkpreviews op social media | Werken voor geverifieerde previewbots | Werken betrouwbaar |
| AI-crawlers en andere tools | Zien vaak weinig, tenzij ze geverifieerd zijn | Krijgen dezelfde volledige HTML |
| Inhoud die laat laadt | Kan ontbreken in de vooraf gerenderde versie | Staat in de HTML, mits goed gebouwd |
| Wat je doet | Controleren en eventueel upgraden | Controleren en aan je SEO werken |
Lovable zegt dat sites die het zelf host geen externe pre-renderdienst nodig hebben. Adviezen om voor een Lovable-site prerender.io of een eigen proxy in te zetten, zijn daarmee voor de meeste sites achterhaald. Host je een geëxporteerd project zelf, bijvoorbeeld bij een andere hostingpartij, dan loopt het verkeer niet meer via Lovable. Een ouder project krijgt dan geen pre-rendering van Lovable meer; de rendering regel je dan zelf. Hoe je je project meeneemt, lees je in Lovable exporteren.
Zo zie je in Search Console wat Google echt ziet
Ga niet uit van wat zou moeten werken. Kijk wat Google ontvangt. Dat kan in een paar minuten.
De snelle test zonder tools. Open je gepubliceerde site in Chrome, klik met rechts en kies "Paginabron weergeven". Zoek naar een zin uit je hoofdtekst. Staat die er, dan zit je tekst in de HTML. Zie je vooral scripts en een lege container, dan wordt je pagina pas in de browser opgebouwd.
De echte test in Search Console. Heb je Search Console nog niet gekoppeld, doe dat dan eerst. Lovable heeft een koppeling die je domein kan verifiëren met een metatag, je sitemap kan indienen en je gegevens kan uitlezen. Indexering aanvragen doe je nog zelf in Search Console. Daarna:
- Plak de URL van een belangrijke pagina in de zoekbalk bovenaan Search Console.
- Klik op Live URL testen.
- Klik op Geteste pagina bekijken.
- Bekijk het screenshot: ziet de pagina eruit zoals voor een bezoeker?
- Bekijk de HTML: staan je kop, je tekst, je paginatitel en je links erin?
- Kijk onder Meer informatie of er bronnen niet geladen konden worden of JavaScript-fouten zijn.
- Klopt alles en is de pagina nieuw of gewijzigd, klik dan op Indexering aanvragen.
Doe dit voor je homepage, een dienstpagina en een blog of artikel. Zie je verschillen tussen het screenshot en wat een bezoeker ziet, dan weet je waar het lek zit. Staat je site helemaal niet in Google, begin dan bij website niet zichtbaar in Google. En hoe je daarna de cijfers in Search Console leest, staat in Google Search Console: het Prestaties-rapport.
Wanneer loont de upgrade naar TanStack Start?
Een ouder project kun je zelf laten omzetten naar TanStack Start. Je start dat via de chat in je project of via de projectinstellingen, onder General en Project actions. Lovable vraagt eerst om bevestiging, zet de pagina's om en neemt titels, beschrijvingen, social previewtags en analyticsscripts mee. Volgens de documentatie van Lovable kosten de meeste upgrades 10 tot 35 credits, het tegoed waarmee je in Lovable per opdracht betaalt (stand oktober 2026). Je live site verandert pas als je opnieuw publiceert, en je kunt alles terugdraaien via de versiegeschiedenis.
De upgrade loont als:
- je site organisch gevonden moet worden, in Google of in AI-assistenten;
- je veel pagina's hebt met tekst, zoals diensten, blogs of een kennisbank;
- linkpreviews op LinkedIn, WhatsApp of Facebook er goed uit moeten zien;
- de URL-inspectie laat zien dat Google je tekst mist.
Wachten of laten is prima als:
- het om een app achter een inlog gaat, die niemand via Google hoeft te vinden;
- het een prototype is dat binnenkort toch opnieuw wordt gebouwd;
- je zware onderdelen gebruikt die alleen in de browser werken, zoals bepaalde kaarten of editors, en je geen tijd hebt om grondig te testen.
Doe je de upgrade, loop dan na afloop deze lijst na:
- open elke belangrijke pagina en controleer of alles werkt, ook formulieren en inloggen;
- controleer of titels en beschrijvingen per pagina goed zijn overgekomen;
- kijk of je analytics nog bezoekers telt;
- publiceer opnieuw en doe de URL-inspectie nog een keer;
- deel een link op LinkedIn of in WhatsApp om de preview te testen, en reken erop dat die platforms oude previews een tijd bewaren.
Welke SEO-keuzes Lovable niet voor je maakt
Rendering zorgt dat Google je pagina kan lezen. Of Google hem wil tonen, hangt af van wat erop staat. Lovable heeft een eigen SEO-scan die titels, beschrijvingen, social previewtags, structured data en de opbouw van koppen en alt-teksten nakijkt en voorstelt om ze te herstellen. Handig, maar Lovable schrijft zelf ook dat goede SEO werk en controle blijft vragen, en dat je links van andere websites nodig hebt.
| Onderdeel | Wat Lovable doet | Wat jij doet |
|---|---|---|
| Rendering | Server-side bij nieuwe projecten, pre-rendering bij oudere | Controleren met de URL-inspectie |
| robots.txt en sitemap | Een robots.txt staat klaar, een sitemap niet altijd | Sitemap controleren en indienen |
| Titels en beschrijvingen | Generieke startversie, scan wijst gaten aan | Per pagina een unieke titel en beschrijving rond het zoekwoord |
| Koppen | Zet koppen neer die passen bij het ontwerp | Eén duidelijke H1 per pagina, logische tussenkoppen |
| Interne links | Navigatie en knoppen | Echte links tussen pagina's die bij elkaar horen |
| Inhoud | Schrijft algemene teksten | Antwoorden op echte zoekvragen, met je eigen ervaring en bewijs |
| Snelheid en toegankelijkheid | Geen volledige controle | Meten met PageSpeed Insights en zelf testen |
Drie punten vraag ik je extra te controleren.
Elke pagina een eigen zoekvraag. Een AI-bouwer maakt graag één lange homepage met alle diensten erop. Voor Google is het sterker als elke dienst een eigen pagina heeft met een eigen URL. Welke zoekvragen dat zijn, zoek je uit met zoekwoordonderzoek.
Links moeten echte links zijn. Google ontdekt pagina's alleen via echte links in de HTML, met een href. Een knop die via een script naar een andere pagina springt, telt niet. Hoe je een structuur bouwt die Google begrijpt, lees je in interne links.
Tekst die jouw bedrijf beschrijft. De teksten die Lovable schrijft, passen bij elk bedrijf in je branche. Vervang ze door tekst die alleen jij kunt schrijven: je werkwijze, je prijzen, de vragen die klanten echt stellen.
Een prompt, een opdracht in de chat van Lovable, die helpt om je huidige stand in kaart te brengen:
Maak een tabel van alle pagina's in dit project met per pagina: de URL, de paginatitel, de metabeschrijving, de H1 en de interne links naar andere pagina's. Geef aan welke pagina's geen unieke titel of beschrijving hebben, welke meer dan één H1 hebben en welke navigatie geen echte link met href gebruikt. Verander nog niets.
Daarna beslis jij wat er verandert. Laat de AI vervolgens per pagina aanpassen wat je hebt gekozen, en controleer het resultaat in de paginabron.
Je Lovable-site en AI-zoekmachines
Wil je ook genoemd worden in ChatGPT, Perplexity of de AI-overzichten van Google, dan geldt hetzelfde fundament. Een AI-crawler die je pagina niet kan lezen, kan je ook niet citeren. Bij nieuwe projecten krijgt elke crawler de volledige HTML. Bij oudere projecten alleen de crawlers die Lovable herkent.
Een llms.txt is volgens Lovable niet nodig. Wat wel helpt: duidelijke antwoorden bovenaan je pagina's, controleerbare informatie en vermeldingen van je bedrijf op andere sites. Hoe dat werkt, lees je in gevonden worden in ChatGPT.
Wat Lovable kost als je meer gaat bouwen en publiceren, inclusief credits voor dit soort aanpassingen, staat in Lovable kosten en ervaringen.
Conclusie: rendering is de basis, SEO blijft mensenwerk
Een Lovable-site kan in Google komen. Nieuwe projecten hebben sinds 13 mei 2026 server-side rendering, oudere projecten krijgen pre-rendering voor geverifieerde zoekmachines en kunnen voor ongeveer 10 tot 35 credits worden omgezet. Controleer met de URL-inspectie in Search Console wat Google echt ziet, voordat je iets aanneemt. Daarna begint het werk dat geen AI-bouwer voor je doet: per pagina een zoekvraag, unieke titels, echte interne links en tekst die laat zien wat jij weet.
Twijfel je of een AI-bouwer wel past bij een site die klanten moet trekken? Lees dan website laten maken door AI. Wil je weten wat een website op maat bij mij kost? Download de prijslijst.
Veelgestelde vragen
Is Lovable goed voor SEO?
Technisch is het sinds mei 2026 een stuk beter. Nieuwe projecten krijgen server-side rendering, waardoor Google en andere bots direct de volledige tekst van een pagina zien. Lovable zet ook een robots.txt klaar en heeft een SEO-scan die titels, beschrijvingen en structured data nakijkt. Maar goede SEO is meer dan techniek. Welke pagina op welke zoekvraag moet scoren, wat erop staat en hoe pagina's naar elkaar linken, bepaal jij. En links van andere websites moet je zelf verdienen.
Hoe zie ik of mijn Lovable-project server-side rendering heeft?
Is je project op of na 13 mei 2026 gemaakt, dan draait het in principe op TanStack Start met server-side rendering. Voor Enterprise-projecten geldt dat vanaf 22 juni 2026. Zelf controleren kan ook: open je gepubliceerde site, klik met rechts en kies 'Paginabron weergeven'. Zie je daar je koppen en teksten, dan staat de inhoud in de HTML. Zie je vooral scripts en een lege container, dan is het een ouder project. In de projectinstellingen staat dan de optie om te migreren.
Wat kost de upgrade naar TanStack Start in Lovable?
Volgens Lovable kosten de meeste upgrades 10 tot 35 credits, afhankelijk van de grootte van je project (stand oktober 2026). Je start de upgrade via de chat of via de projectinstellingen, en Lovable vraagt eerst om bevestiging. Je live site verandert pas als je opnieuw publiceert, en je kunt de upgrade terugdraaien via de versiegeschiedenis. Je database blijft ongemoeid. Test daarna wel elke pagina, want onderdelen die alleen in de browser werken, kunnen bij server-side rendering haperen.
Heb ik prerender.io of een andere tool nodig voor mijn Lovable-site?
Voor een site die bij Lovable gehost wordt niet, volgens Lovable zelf. Oudere projecten krijgen automatisch pre-rendering voor geverifieerde zoekmachines, en nieuwe projecten renderen elke pagina al op de server. Een externe pre-renderdienst voegt dan weinig toe. Host je een geëxporteerd project ergens anders, dan ligt dat anders: dan regel je de rendering zelf, bijvoorbeeld door het project eerst te upgraden naar TanStack Start. Controleer het resultaat altijd met de URL-inspectie in Search Console.
Benieuwd hoe ik dit in de praktijk aanpak?
Het pitchdeck laat de hele werkwijze zien.
Geschreven door Dennis Boekhout
Marketing freelancer uit 's-Hertogenbosch. Volg op LinkedIn (opent in een nieuw tabblad)