So liest ChatGPT deine Lovable-Website
Deine Lovable-Website sieht im Browser perfekt aus. Aber GPTBot, ClaudeBot und PerplexityBot führen kein JavaScript aus und bekommen HTML mit einem leeren div. Für sie sagt deine Website nichts.
Per JavaScript gezeichnet: Die KI bekommt meist eine leere Seite.
Warum das passiert
Lovable erzeugt Single-Page-Apps mit React und Vite. Der Server schickt minimales HTML, und erst der Browser zeichnet beim Ausführen des JavaScripts Texte, Preise und Links.
Google führt JavaScript aus, mit Verzögerung, die Crawler von KI-Assistenten in der Regel nicht. Sie behalten das HTML, wie es ankommt, und darin gibt es nichts zu zitieren.
Deshalb kann eine Lovable-Website bei Google auftauchen und trotzdem unsichtbar sein, wenn jemand ChatGPT nach deinem Angebot fragt.
So behebst du es
Prüf es
Analysiere deine Website mit Tarsier: Es vergleicht, was ein Mensch sieht, mit dem, was ein KI-Crawler bekommt, und sagt dir, wie viel Text verloren geht.
Öffentliche Seiten vorrendern
Bitte Lovable, das HTML jeder öffentlichen Route beim Build zu erzeugen. Das Design bleibt gleich: Der Text steckt einfach schon im HTML.
Titel, Beschreibungen und strukturierte Daten
Jede Seite braucht ihren eigenen <title> und ihre Meta-Description, die Startseite einen JSON-LD-Block, der sagt, wer du bist und was du verkaufst.
robots.txt und Sitemap
Eine robots.txt, die KI-Bots hereinlässt, und eine sitemap.xml mit allen Routen, beide im Ordner public.
Erneut messen
Veröffentliche und analysiere erneut. Die Parität zwischen dem, was ein Mensch sieht, und dem, was die KI bekommt, sollte sich 100 % nähern.
Der Prompt zum Einfügen in Lovable
Meine Website ist eine Single-Page-App (React + Vite), und das ausgelieferte HTML ist fast leer: KI-Crawler (GPTBot, ClaudeBot, PerplexityBot) führen kein JavaScript aus und sehen den Inhalt nicht. Jede öffentliche Seite soll bereits gerendert im HTML ausgeliefert werden, ohne das Design zu ändern: 1. Füge dem Build ein Prerendering hinzu (zum Beispiel vite-plugin-prerender oder einen SSG-Schritt) für alle öffentlichen Routen, sodass jede Route ihre eigene index.html mit Text, Überschriften und Links erzeugt. 2. Gib jeder Seite einen eigenen <title> und eine eigene <meta name="description">, und füge auf der Startseite einen schema.org-JSON-LD-Block hinzu (Organization oder LocalBusiness, dazu Product oder Offer, wenn ich etwas verkaufe). 3. Lege public/robots.txt an, die GPTBot, ClaudeBot, PerplexityBot, OAI-SearchBot und Google-Extended erlaubt, mit der Sitemap-Zeile. 4. Erzeuge public/sitemap.xml mit allen öffentlichen Routen. 5. Prüfe mit curl, dass das HTML jeder Route den Haupttext enthält, bevor irgendein Skript lädt. Ändere weder die App-Logik noch das Design. Sag mir am Ende, welche Routen vorgerendert werden.
Kopier ihn, wie er ist. Findet die Analyse weitere Probleme, enthält der vollständige Bericht einen Prompt für deine Website.
Häufige Fragen
Sieht Google meine Lovable-Website?
Meist ja, weil Google JavaScript ausführt, wenn auch langsamer. Bei KI-Assistenten ist es anders: Die meisten ihrer Crawler lesen nur das HTML.
Muss ich Lovable verlassen?
Nein. Das Prerendering kommt in dein bestehendes Projekt; du bearbeitest weiter in Lovable wie gewohnt.
Wie lange dauert es, bis es wirkt?
Was ein Crawler bekommt, ändert sich sofort mit der Veröffentlichung. Wann ein Assistent dich zitiert, hängt davon ab, wann er wiederkommt: Tage oder Wochen.