Integration · Lovable & KI-Builder
Lovable SEO & Blog: Sichtbar für Google und ChatGPT.
Viele Seiten aus Lovable, Bolt oder Replit sind Single-Page-Apps: Der Text entsteht erst im Browser. Google rendert das nach, KI-Crawler wie GPTBot oder ClaudeBot führen kein JavaScript aus. Lovable rendert neue Projekte seit Mai 2026 auf dem Server, ältere nur für Crawler, die es als echt erkennt. Den Blog dazu betreibt Claire unter blog.deine-domain.de, vom Server gerendert und ohne Code im Builder.

Unternehmen, deren Blogs mit Claire wachsen

Das Problem, gemessen
Was KI-Crawler von deiner Seite sehen. Wir haben nachgezählt.
Ob ChatGPT, Claude oder Perplexity deine Seite zitieren können, entscheidet das HTML, das dein Server ausliefert. Nicht das, was du im Browser siehst.
Warum KI-Builder-Seiten oft leer ankommen
Lovable bis Mai 2026, Bolt, Replit und Base44 bauen Websites als React-Apps, die im Browser laufen. Der Server schickt eine fast leere HTML-Datei: Titel, Beschreibung, ein leerer Container und ein Verweis auf das JavaScript. Überschriften, Texte und Links baut erst der Browser zusammen.
Für Menschen ist das unsichtbar. Ein Crawler, der kein JavaScript ausführt, sieht dagegen nur den Titel. Für ihn hat deine Seite keinen Inhalt, den er verstehen oder zitieren könnte.
Unser Test: 41 Websites aus sechs Buildern
Am 5. Oktober 2026 haben wir die Startseiten von 41 öffentlichen Websites abgerufen, die nachweislich mit KI-Buildern gebaut sind: zweimal roh, also ohne JavaScript wie ein Crawler, einmal mit der Kennung von GPTBot und einmal mit der eines normalen Browsers, und einmal in einem echten Browser. Gezählt haben wir die Wörter im Inhalt der Seite.
Das Muster ist klar. Wo die Seite auf dem Server oder beim Build entsteht, kommt der Text an: bei fünf von sechs v0-Seiten, bei vier von fünf neuen Lovable-Projekten, bei sechs von sieben Seiten aus Claude Code. Wo sie erst im Browser entsteht, kommt fast nichts an: Keine der älteren Lovable-Seiten und keine Bolt-Seite lieferte ohne JavaScript Inhalt, bei vier von sechs Replit-Seiten weniger als 200 Wörter. Base44 schickt Bots eine eigene, gerenderte Fassung.
Eine zweite, größere Stichprobe aus einer öffentlichen Sammlung von Lovable-Projekten bestätigt das Bild: Von 65 älteren Projekten auf dem Lovable-Hosting lieferten 52 ohne JavaScript weniger als 100 Wörter, von 19 neuen Projekten 17 mindestens 100.
| Gebaut mit | Roh als GPTBot | Roh als Browser | Im Browser |
|---|---|---|---|
| Lovable, alter Stack (5 Seiten) | 0 | 0 | 408 |
| Lovable, neuer Stack (5) | 786 | 786 | 910 |
| Bolt (6) | 0 | 0 | 585 |
| v0 (6) | 616 | 616 | 788 |
| Base44 (6) | 872 | 379 | 859 |
| Replit (6) | 107 | 32 | 1.203 |
| Claude Code (7) | 379 | 483 | 504 |
| Vergleich: Unterseite von byclaire.co | 858 | 858 | 885 |
Google rendert nach, KI-Crawler nicht
Google führt JavaScript aus und nimmt auch Single-Page-Apps in den Index auf, nur mit Verzögerung: Seiten warten erst in einer Schlange auf das Rendern. Trotzdem empfiehlt Google selbst Server-Rendering oder Vorrendern, weil, so die Doku wörtlich, „not all bots can run JavaScript“.
Die großen KI-Crawler gehören dazu. Eine Messung von Vercel und MERJ aus dem Dezember 2024 fand: GPTBot, OAI-SearchBot, ChatGPT-User, ClaudeBot und PerplexityBot laden JavaScript-Dateien herunter, führen sie aber nicht aus. Gemini nutzt Googles Infrastruktur und rendert. OpenAI, Anthropic und Perplexity selbst schreiben in ihren Crawler-Dokus nichts dazu.
Was Lovable 2026 geändert hat
Lovable hat reagiert. Projekte, die seit dem 13. Mai 2026 neu entstehen, laufen auf TanStack Start und werden auf dem Server gerendert. Ältere Projekte bleiben React-Apps mit Vite. Für sie rendert Lovable die Seite beim Abruf vor, aber nur für Crawler, die Lovable als echt erkennt, etwa von Google, Bing, ChatGPT, Perplexity, Claude und Gemini. „Third-party SEO scanners and other unverified agents see the regular single-page app“, schreibt Lovable selbst.
Beschrieben ist das für Seiten auf dem Lovable-Hosting. Für exportierte Projekte, die du selbst hostest, nennt Lovable kein Vorrendern. Seit Juli 2026 lassen sich ältere Projekte auf den neuen Stack umstellen, laut Lovable kostet das meist 10 bis 35 Credits.
Unsere eigene Website hatte dasselbe Problem
byclaire.co war bis zum 5. Oktober 2026 selbst eine Single-Page-App aus React und Vite. Ein Abruf mit der Kennung von GPTBot brachte Titel, Meta-Tags und Tracking-Skripte, der Inhaltsbereich war leer: null Wörter. Ausgerechnet die Website einer KI-Content-Agentin war für KI-Crawler unsichtbar.
Seitdem rendern wir jede öffentliche Seite beim Build vor. Die deutsche Startseite liefert jetzt ohne JavaScript rund 1.460 Wörter, fast so viele, wie der Browser zeigt. Und der Build bricht ab, sobald eine Seite unter 60 Wörter fällt, damit das nicht wieder unbemerkt passiert.
So prüfst du deine eigene Seite
Öffne deine Seite im Browser und lass dir den Seitenquelltext anzeigen, in Chrome mit Strg+U, auf dem Mac mit Cmd+Option+U. Such dort nach einem Satz aus deinem Seiteninhalt. Steht er nicht im Quelltext, sieht ein Crawler ohne JavaScript ihn auch nicht. Bei älteren Lovable-Projekten zeigt der Quelltext die leere Hülle, auch wenn Lovable erkannten Crawlern eine vorgerenderte Fassung schickt.
Schneller geht es mit unserem kostenlosen KI-Crawler-Check. Er prüft, ob deine robots.txt die KI-Crawler durchlässt und ob ohne JavaScript Text ankommt, und sagt dir, was zu tun ist.
KI-Crawler-Check startenLovable SEO: was du selbst tun kannst
Sechs Schritte im Builder. Ohne Agentur, oft mit einem Prompt.
Die meisten Punkte erledigst du in Lovable selbst, per Prompt oder über den eingebauten SEO-Check. In Bolt, Replit oder Base44 heißen die Menüs anders, die Schritte sind dieselben.
Den Stack prüfen
Ist dein Lovable-Projekt vor dem 13. Mai 2026 entstanden, läuft es als Single-Page-App. Mit dem Upgrade auf TanStack Start bekommt es Server-Rendering. Dann steht der Text für jeden im HTML, nicht nur für Crawler, die Lovable erkennt. Prüf die Seite nach dem Upgrade gründlich, denn ein Stack-Wechsel ist ein größerer Umbau. Und schau in den Quelltext: Eine der neuen Seiten in unserem Test lieferte trotz Server-Rendering nur einen Ladebildschirm, weil sie ihren Inhalt erst per JavaScript nachlädt.
Eigener Titel und eigene Beschreibung je Seite
In einer Single-Page-App teilen sich Unterseiten oft den Titel aus der Startdatei. Gib jeder Seite einen eigenen Titel mit dem wichtigsten Suchbegriff und eine eigene Meta-Beschreibung. Der SEO-Check in Lovable findet fehlende Angaben und behebt die meisten mit einem Klick.
Sitemap und robots.txt anlegen
Beides entsteht in Lovable nicht automatisch, die Doku schreibt dazu „not always generated up front“. Lass dir eine sitemap.xml mit allen öffentlichen Seiten anlegen und eine robots.txt, die Suchmaschinen und KI-Crawler zulässt und auf die Sitemap verweist. Base44 erzeugt beides auf einer eigenen Domain automatisch.
Eine Adresse pro Thema
Ein langer Onepager mit Sprungmarken wie #preise ist für Suchmaschinen eine einzige Seite. Leistungen, Preise und Fragen, nach denen gesucht wird, brauchen eigene Unterseiten mit eigener Adresse. Links dazwischen sollten echte Links sein, keine Knöpfe, die erst per Skript weiterleiten.
Eigene Domain und Search Console
Eine eigene Domain gibt es bei Lovable in den bezahlten Plänen, bei Bolt ab Pro und bei Base44 ab Starter. Base44 schreibt ausdrücklich, dass seine SEO-Einstellungen für eigene Domains gedacht sind, nicht für die kostenlosen Adressen. Melde die Domain danach in der Google Search Console an und reich die Sitemap ein.
Text, den Maschinen zitieren können
Eine Hauptüberschrift pro Seite, klare Zwischenüberschriften, echter Text statt Text im Bild, Alt-Texte für Bilder. Schreib auf, was du anbietest, für wen und zu welchem Preis. KI-Suchen zitieren Sätze, die eine Frage direkt beantworten, keine Slogans.
Lovable Blog
Ein Blog für deine KI-Website. Drei Wege, und was sie kosten.
Keiner der großen KI-Builder bringt einen Blog mit. Für Artikel, die Google und KI-Suchen finden sollen, hast du drei Möglichkeiten.
Weg 1: Artikel direkt im Builder
Du lässt jeden Artikel als eigene Seite per Prompt bauen. Für drei oder vier Artikel geht das. Danach wird es mühsam: Jeder neue Artikel und jede Korrektur ist eine Änderung am Code, die du prüfen und neu veröffentlichen musst, und jede Änderung kann an anderer Stelle etwas verschieben.
Übersicht, Kategorien, Feed und eine Sitemap, die mitwächst, musst du ebenfalls bauen lassen.
Weg 2: Ein CMS anbinden
Lovable bietet Verbindungen zu Contentful, Storyblok, Notion und WordPress, Base44 zu WordPress.com und Contentful. Die Artikel pflegst du dann dort, deine Seite holt sie ab. Das ist sauber, aber du betreibst zwei Systeme und schreibst weiterhin selbst.
Läuft deine Seite als Single-Page-App, werden auch die Artikel erst im Browser geladen. Ohne Server-Rendering oder Vorrendern bleiben sie für KI-Crawler genauso leer wie der Rest.
Weg 3: Der Blog auf einer Subdomain
Der Blog läuft unter blog.deine-domain.de bei einem eigenen System, das jede Seite fertig auf dem Server erzeugt. Deine Builder-Seite bleibt unberührt. Du setzt einen DNS-Eintrag und einen Link „Blog“ in deine Navigation.
Ein Unterordner wie deine-domain.de/blog bräuchte dagegen einen Reverse Proxy vor deiner Seite. Lovable lässt das zu, Einrichtung und Pflege liegen aber bei dir.
Was ein Artikel braucht, damit KI-Suchen ihn zitieren
Egal, wo der Blog liegt: Zitiert wird, was eine Frage klar beantwortet.
- Eine echte Frage als Thema, nach der gesucht wird.
- Die Antwort im ersten Absatz, Details danach.
- Zahlen mit Quelle und Datum.
- Zwischenüberschriften, Listen und Tabellen, wo sie helfen.
- Pflege: Preise, Funktionen und Zahlen veralten.
Claire und Lovable
So bringt Claire den Blog an deine Seite. Ohne Code im Builder.
Claire findet Themen, nach denen deine Kunden suchen, schreibt die Artikel in deinem Ton und liefert sie selbst aus: unter einer Subdomain deiner Domain, jede Seite fertig vom Server gerendert. Deine Lovable-Seite bleibt, wie sie ist.
Verbinden in drei Schritten
Blog-Adresse eintragen
In Claire unter Integrationen die Kachel „Baukasten ohne Blog?“ öffnen, eine Adresse wie blog.deine-domain.de eintragen und „Blog anlegen“ klicken. Claire liest dabei deine Website und schlägt Farbe, Logo und die Links zu Impressum und Datenschutz vor.
Einen DNS-Eintrag setzen
Dort, wo deine Domain verwaltet wird, legst du einen CNAME-Eintrag an: Name „blog“, Ziel blogs.byclaire.co. Hast du die Domain über Lovable gekauft, geht das in Lovable unter Workspace-Domains. Mit „Verbindung prüfen“ siehst du, ob alles stimmt. Das kann bis zu einer Stunde dauern, das https-Zertifikat entsteht automatisch.
Gestalten und freigeben
Farbe, Schrift, Logo, Name und Untertitel stellst du in einer Live-Vorschau ein, die es schon vor dem DNS-Eintrag gibt. Jeden fertigen Artikel liest du in Claire und veröffentlichst ihn mit „Im Blog veröffentlichen“.
Was Claire im Blog ausliefert
- Server-Rendering
- Jede Seite entsteht auf dem Server. Überschriften, Text, Bilder und Links stehen im HTML, auch für Crawler ohne JavaScript. Ein Testartikel in unserem eigenen gehosteten Blog kam ohne JavaScript mit 1.716 Wörtern an, genauso vielen wie im Browser.
- Adressen
- blog.deine-domain.de für die Übersicht, jeder Artikel unter einer sprechenden Adresse aus der Überschrift. Ziehst du einen Artikel zurück und veröffentlichst ihn später wieder, behält er seine Adresse.
- Seitentitel, Beschreibung, Vorschau
- Aus Claires Seitentitel und Meta-Beschreibung, dazu Canonical-Link und Open-Graph-Angaben für die Vorschau in Messengern und sozialen Netzwerken.
- Strukturierte Daten
- Article-Schema je Artikel mit Überschrift, Datum, Bild und Herausgeber, Blog-Schema auf der Übersicht.
- Sitemap, robots.txt, RSS
- /sitemap.xml mit allen Artikeln, /robots.txt mit Verweis darauf, /feed.xml mit den neuesten 50 Artikeln. Alles wächst mit jedem veröffentlichten Artikel von selbst mit.
- Sichtbarkeit
- Ein Schalter „Für Google und die KI-Suchen sichtbar“. Ist er aus, bleibt der Blog für Suchmaschinen gesperrt, gut zum Vorbereiten.
- Gestaltung
- Farbe, Schrift, Logo, Name und Untertitel, Links zu Hauptseite, Impressum und Datenschutz. Für Entwickler: eigenes CSS sowie eigener Kopf- und Fußbereich, etwa mit dem Menü deiner Hauptseite. Skripte entfernt Claire.
- Sprachen
- Die Hauptsprache liegt direkt unter der Blog-Adresse, jede weitere unter einem Kürzel wie /en/, mit Sprachumschalter und hreflang-Verweisen.
- Deine Lovable-Seite
- Bleibt unberührt, Claire braucht keinen Zugriff darauf. Den Link „Blog“ in deiner Navigation setzt du einmal selbst, etwa mit einem Prompt im Builder.
Wann ein Artikel live geht
Freigabe per Klick
Jeder fertige Artikel wartet in Claire. Du liest ihn, änderst, was du willst, und veröffentlichst ihn mit „Im Blog veröffentlichen“. Erst dann erscheint er unter deiner Blog-Adresse.
Jederzeit zurückziehen
Mit „Doch nicht veröffentlicht“ nimmst du einen Artikel wieder aus Blog, Sitemap und Feed. In Claire bleibt er erhalten, seine Adresse auch.
Der gehostete Blog ist für Websites ohne CMS gedacht. Ist bei dir schon WordPress, Shopify, Webflow oder Shopware verbunden, veröffentlicht Claire direkt dort. Beim gehosteten Blog geht jeder Artikel erst online, wenn du ihn freigibst.
Wie Claire Themen findet, recherchiert und schreibt, zeigt die Seite zum KI-Blog-Writer.
KI-Blog-Writer ansehenBolt, v0, Base44, Replit, Claude Code
Nicht mit Lovable gebaut? So sieht es bei den anderen aus.
Ob ein Crawler Text sieht, hängt nicht am Namen des Builders, sondern daran, wo die Seite gerendert wird. Ein Überblick nach den Dokus der Anbieter, Stand Oktober 2026, und nach unserem Test.
Bolt
Bolt baut laut Doku mit vielen JavaScript-Frameworks, laut Website standardmäßig mit React und Vite. Zu Server-Rendering oder Vorrendern sagt die Doku nichts. In unserem Test kam bei keiner der sechs Bolt-Seiten ohne JavaScript Inhalt an. Das Bolt-Hosting sperrt zudem Abrufe, die sich als GPTBot oder ClaudeBot ausgeben, und hatte im Test weder robots.txt noch Sitemap. Ob die Sperre auch die echten Crawler trifft, lässt sich von außen nicht prüfen.
Für SEO bietet Bolt Vorlagen in der Prompt Library und einen SEO/GEO-Skill, eine eigene Domain gibt es mit Pro.
v0 von Vercel
v0 erzeugt Next.js-Apps, und laut Vercel werden veröffentlichte Seiten standardmäßig auf dem Server gerendert. Das zeigt auch unser Test: Bei fünf von sechs v0-Seiten stand der Text vollständig im HTML. Von den Buildern hier ist das die beste Ausgangslage. Sitemap und robots.txt erwähnt v0 nicht, die lässt du am besten gleich mit anlegen.
Base44
Base44-Apps sind React-Apps mit Vite, die im Browser laufen. Crawlern schickt Base44 laut eigener Doku eine gerenderte Fassung. Im Test bekam unser Abruf mit GPTBot-Kennung im Median 872 Wörter, etwa so viele wie der Browser zeigt, ein normaler Abruf ohne JavaScript nur 379. Auf einer eigenen Domain erzeugt Base44 Sitemap, robots.txt und Canonicals selbst, Meta-Beschreibungen je Seite aber nicht. Eigene Domains gibt es ab Starter.
Replit
Neue Replit-Apps starten seit Januar 2025 mit einer React-Vorlage, Server-Rendering ist nicht eingebaut. Im Test lieferten zwei von sechs Replit-Seiten ihren Text im HTML, bei den anderen vier kamen ohne JavaScript jeweils weniger als 200 Wörter an, im Browser waren es 674 bis 1.549. Der bezahlte SEO Agent von Replit ergänzt unter anderem robots.txt und Sitemap.
Claude Code
Claude Code ist kein Website-Builder, sondern ein Programmier-Agent: Er baut, was du verlangst. Ob die Seite lesbar ist, hängt am Framework, das du wählst. Im Test hatten sechs von sieben Seiten, gebaut mit Astro, Next.js oder als statisches HTML, ihren Text im HTML. Die eine reine React-App mit Vite lieferte null Wörter. Sag beim Bauen deshalb ausdrücklich, dass jede Seite beim Build vorgerendert oder auf dem Server gerendert werden soll.
Für alle gleich: der Blog fehlt
Keiner dieser Builder bringt einen Blog mit. Claires gehosteter Blog funktioniert mit jeder Website, für deren Domain du einen DNS-Eintrag setzen kannst, egal womit sie gebaut ist.
Was du dafür brauchst
Enthalten ab Start. 199 € im Monat.
Kostenlos testen, ohne Kreditkarte. Danach monatlich kündbar, ohne Setup-Gebühr. Eine Zusatzsprache und die volle SEO-Strategie gibt es ab Growth (299 €).
Alle Pläne vergleichenStart
monatlich kündbar199 €/ Monat
- Bis zu 30 Artikel pro Monat
- Gehosteter Blog unter deiner Subdomain
- Sitemap, RSS-Feed und strukturierte Daten
- Freigabe jedes Artikels per Klick
Fragen
Was du wissen solltest.
Ist Lovable gut für SEO?
Besser als noch Anfang 2026. Neue Projekte ab dem 13. Mai 2026 werden auf dem Server gerendert, ältere bekommen auf dem Lovable-Hosting eine vorgerenderte Fassung für Crawler, die Lovable erkennt. Titel, Beschreibungen, Sitemap und robots.txt entstehen aber nicht von selbst, die prüfst du mit dem SEO-Check. Und für Rankings braucht es Inhalte: Eine Landingpage allein beantwortet kaum eine Suchanfrage.
Sieht ChatGPT meine Lovable-Seite?
Bei neuen Projekten in der Regel ja, der Text steht im HTML. Prüf trotzdem den Quelltext, denn Inhalte, die erst per JavaScript nachgeladen werden, fehlen auch dort. Bei älteren Projekten auf dem Lovable-Hosting schickt Lovable laut eigener Doku erkannten KI-Crawlern eine vorgerenderte Fassung. Hostest du ein exportiertes Projekt selbst, sehen KI-Crawler ohne Vorrendern nur eine leere Seite, weil sie kein JavaScript ausführen.
Ist Server-Rendering besser als eine Single-Page-App?
Für Seiten, die gefunden werden sollen, ja. Beim Server-Rendering oder Vorrendern steht der Inhalt sofort im HTML, für Menschen, Google und KI-Crawler gleichermaßen. Eine Single-Page-App passt gut für eingeloggte Bereiche wie Dashboards, für Marketing-Seiten und Blogs ist sie die schwächere Wahl.
Kann ich in Lovable einen Blog anlegen?
Ja, als Seiten im Code oder über eine Verbindung zu Contentful, Storyblok, Notion oder WordPress. Einen eingebauten Blog mit Übersicht, Feed und Freigabe hat Lovable nicht. Für regelmäßige Artikel ist ein Blog auf einer Subdomain meist einfacher, weil nicht jeder Artikel eine Änderung an deiner App ist.
Subdomain oder Unterordner für den Blog?
Ein Unterordner wie /blog braucht bei einem KI-Builder einen eigenen Reverse Proxy, eine Subdomain nur einen DNS-Eintrag. Claire arbeitet deshalb mit einer Subdomain. Verlinke Blog und Hauptseite gegenseitig, damit Besucher und Suchmaschinen den Zusammenhang sehen.
Muss ich in Lovable etwas ändern, damit Claire bloggen kann?
Nein. Claire braucht keinen Zugriff auf dein Lovable-Projekt. Du setzt einen DNS-Eintrag und, wenn du willst, einen Link „Blog“ in deiner Navigation. Den Rest liefert Claire aus.
Lohnt sich SEO noch, wenn alle ChatGPT fragen?
Ja. KI-Suchen wie ChatGPT, Perplexity oder Googles KI-Übersicht stützen ihre Antworten auf Seiten, die sie lesen können. Wer im HTML nichts zeigt, kommt in diesen Antworten nicht vor. Lesbare Seiten und Artikel, die Fragen beantworten, sind die Grundlage für beides.
Weitere Integrationen
Dein System ist ein anderes? Claire kann auch das.
Was Claire außer dem Blog noch für dich tut, zeigt die Startseite.
Probier es an deiner eigenen Website aus. In 15 Minuten eingerichtet.
Website eingeben, Blog verbinden, ersten Entwurf lesen. Den Rest übernimmt Claire.