So liest ChatGPT deine Bolt-Website
Mit Bolt hast du in Minuten eine Website. Ist es aber eine React-App, die im Browser gezeichnet wird, finden die Crawler von ChatGPT, Grok, Claude und Perplexity eine leere Seite.
Per JavaScript gezeichnet: Die KI bekommt meist eine leere Seite.
Warum das passiert
Bolt baut Projekte oft mit Vite und React als Single-Page-App: Das HTML vom Server enthält nur den Container und die Skripte.
Die Crawler von KI-Assistenten führen in der Regel kein JavaScript aus. Sie lesen das ankommende HTML und gehen wieder.
Nutzt dein Bolt-Projekt ein Framework mit Server-Rendering (Next.js, Astro, Remix), gibt es das Problem vielleicht nicht. Deshalb lohnt es sich, vorher zu messen.
So behebst du es
Miss, was die KI bekommt
Analysiere deine Website mit Tarsier und schau dir den Vergleich an: was ein Mensch sieht und was bei einem Crawler ankommt.
Prerendering anfordern
Füge den Prompt unten in Bolt ein. Er erzeugt das HTML jeder öffentlichen Route beim Build, ohne das Design zu ändern.
Metadaten pro Seite
Eigener Titel und eigene Beschreibung pro Route, dazu schema.org-JSON-LD auf der Startseite.
Tür für die Bots öffnen
Eine robots.txt, die GPTBot, ClaudeBot und PerplexityBot erlaubt, und eine vollständige sitemap.xml.
Deployen und erneut messen
Wenn du auf Netlify o. Ä. hostest, prüfe, dass die vorgerenderten HTML-Dateien ausgeliefert werden und nicht immer dieselbe index.html.
Der Prompt zum Einfügen in Bolt
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
Und wenn mein Bolt-Projekt Next.js ist?
Dann wird es wahrscheinlich schon auf dem Server gerendert. Teile mit „use client“, die Daten später laden, können trotzdem fehlen: Die Analyse zeigt dir, welche.
Macht Prerendering etwas kaputt?
Eigentlich nicht: Die App startet im Browser genauso. Nur das erste HTML enthält schon den Inhalt.