Warum KI-Crawler deine JavaScript-Website nicht lesen können (und wie du es behebst)
Deine Website sieht im Browser perfekt aus. Aber wenn ChatGPT, Claude oder Perplexity sie besuchen, sehen sie womöglich fast nichts. Der Grund ist fast immer derselbe: Dein Inhalt wird per JavaScript gezeichnet, und KI-Crawler führen es meist nicht aus.
Wie sich KI-Crawler von deinem Browser unterscheiden
Ein Webbrowser lädt dein HTML und führt dann JavaScript aus, um die fertige Seite zu bauen. KI-Crawler und ihre Indexierungs-Bots bleiben meist beim ersten Schritt stehen: Sie lesen das reine HTML, das dein Server sendet, und ziehen weiter. Sie warten in der Regel nicht auf JavaScript und klicken oder scrollen nicht.
Die Frage, die über deine KI-Sichtbarkeit entscheidet, ist also einfach: Steht dein Inhalt bereits im HTML, oder muss JavaScript ihn erst bauen?
Wie eine reine JavaScript-Seite für die KI aussieht
Viele Single-Page-Apps (mit einem Framework im reinen Client-Modus) senden eine fast leere Hülle wie diese:
<body>
<div id="root"></div>
<script src="/app.js"></script>
</body>Ein Browser führt app.js aus und füllt #root mit deinem Inhalt. Ein KI-Crawler liest das HTML oben und sieht ein leeres <div>. Deine Artikel, Produktdetails und Preise existieren erst, nachdem JavaScript läuft – für die KI existieren sie also gar nicht.
Wie du deine eigene Seite prüfst
- Quelltext anzeigen. Rechtsklick auf die Seite und „Seitenquelltext anzeigen” wählen (nicht „Untersuchen”). Der Quelltext zeigt das reine HTML, das der Server gesendet hat. Steht dein Haupttext nicht darin, kann die KI ihn auch nicht sehen.
- Schalte JavaScript aus und lade neu. Bleibt die Seite leer, ist das ungefähr das, was die KI bekommt.
- Führe eine Prüfung mit diesem Tool durch. Das Panel „Was die KI wirklich sieht” zeigt genau den Text, den ein Crawler von deiner Seite lesen kann.
Wie du es behebst
Die Lösung ist, den Inhalt im HTML zu senden, statt ihn im Browser zu bauen.
- Server-Rendering (SSR). Frameworks wie Next.js, Nuxt, SvelteKit und Astro können Seiten auf dem Server rendern, sodass das HTML vollständig ankommt.
- Statische Generierung (SSG). Erzeuge Seiten zur Bereitstellungszeit als statisches HTML – ideal für Blogs, Dokumentation und Marketingseiten.
- Prerendering. Musst du eine reine Client-App behalten, prerender deine wichtigen Seiten zu statischem HTML.
- Progressive Enhancement. Bring den Kerninhalt zuerst ins HTML und nutze JavaScript, um ihn zu verbessern – nicht, um ihn zu erzeugen.
Du musst JavaScript nicht aufgeben. Die wichtigen Wörter müssen nur im HTML stehen, bevor ein Skript läuft.
Fazit
JavaScript-Rendering ist der häufigste Grund, warum eine Seite für KI unsichtbar ist, und der erste und größte Faktor in unserer GEO-Einführung. Prüfe dein reines HTML – und wenn dein Inhalt nicht da ist, verschiebe ihn auf den Server. Alles andere zählt weit weniger, wenn eine KI deine Wörter erst gar nicht lesen kann.