So liest ChatGPT deine mit v0 gebaute Website
v0 erzeugt Next.js-Projekte, die von Haus aus fertig gerendertes HTML ausliefern können. Das Problem entsteht, wenn wichtige Inhalte in Client-Komponenten stecken, die sie später laden.
Hängt vom Aufbau oder von einer Einstellung ab.
Warum das passiert
In Next.js kommen Server-Komponenten mit ihrem Text im HTML an. Auch „use client“-Komponenten werden beim ersten Mal auf dem Server gerendert, außer dem, was sie per Effekt oder Browser-Anfrage nachladen.
Werden Preise, Texte oder Produktseiten vom Browser abgerufen, bekommt der KI-Crawler das Gerüst ohne Daten.
Eine v0-Website kann für die KI also fast perfekt oder fast leer sein, je nachdem, wie jede Seite gebaut ist.
So behebst du es
Live-Website analysieren
Tarsier vergleicht, was ein Mensch sieht, mit dem, was ein Crawler bekommt, und zeigt, welche Blöcke verloren gehen.
Daten auf dem Server laden
Verschiebe Datenabfragen aus Client-Effekten in Server-Komponenten oder ins Laden der Seite.
Metadaten mit der Next-API
Nutze generateMetadata für Titel und Beschreibung jeder Seite und füge JSON-LD auf der Startseite hinzu.
robots.txt und Sitemap
Next hat app/robots.ts und app/sitemap.ts: Lass KI-Bots herein und liste alle Routen auf.
Der Prompt zum Einfügen in v0
Meine Website ist ein mit v0 erzeugtes Next.js-Projekt. Alle öffentlichen Inhalte sollen für KI-Crawler, die kein JavaScript ausführen, bereits gerendert im HTML ankommen. 1. Prüfe die öffentlichen Seiten und verschiebe jedes Laden von Daten, das heute im Browser passiert (useEffect, SWR, fetch in "use client"-Komponenten), für Texte, Preise, Produkte oder FAQs in Server-Komponenten. 2. Lass nur Interaktives auf dem Client (Warenkorb, Filter, Formulare). 3. Füge generateMetadata mit eigenem Titel und eigener Beschreibung auf jeder Seite hinzu, dazu schema.org-JSON-LD auf der Startseite. 4. Lege app/robots.ts an, die GPTBot, ClaudeBot, PerplexityBot, OAI-SearchBot und Google-Extended erlaubt, und app/sitemap.ts mit allen öffentlichen Routen. Ändere das Design nicht. Sag mir am Ende, welche Seiten Daten im Client geladen haben und was du verschoben hast.
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
Rendert Next.js nicht schon auf dem Server?
Doch, aber nur, was beim Rendern vorliegt. Was danach im Browser angefragt wird, kommt für einen Crawler ohne JavaScript zu spät.
Muss ich auf Vercel hosten?
Nicht unbedingt, aber auf einem Hosting, das Next.js mit seinem Server ausführt. Beim statischen Export prüfe, dass die Seiten mit Inhalt herauskommen.