JavaScript-SEO 2026: Rendering, Indexierung und KI-Crawler

Moderne Frameworks wie React, Vue, Angular oder Svelte bauen Seiten im Browser auf. Das ist ideal für Interaktivität und riskant für die Sichtbarkeit. JavaScript-SEO umfasst die Maßnahmen, die eine JS-Website für Suchmaschinen und KI lesbar halten. Dieser Leitfaden erklärt, wie Google JavaScript verarbeitet, welche Rendering-Optionen es gibt, welche Fehler häufig sind und wie Sie Ihre Seiten testen.

Wie verarbeitet Google JavaScript-Seiten?

In drei Phasen: Crawling, Rendering, Indexierung. Google Search Central beschreibt den Ablauf so:

1. Crawling: Googlebot ruft die URL ab und liest das rohe HTML. Hier gefundene Links werden sofort in die Warteschlange gestellt.
2. Rendering: Die Seite wartet in einer Rendering-Warteschlange, dann führt ein Headless-Chromium das JavaScript aus und baut die endgültige Seite.
3. Indexierung: Google analysiert den gerenderten Inhalt und entscheidet, ob und wie er indexiert wird.

Die Folge: Alles, was im rohen HTML fehlt, hängt vom Erfolg des Renderings ab. Wenn ein Skript fehlschlägt, zu lange braucht oder per robots.txt blockiert ist, indexiert Google, was es vorher gesehen hat, und das kann eine leere Hülle sein.

Was ist der Unterschied zwischen CSR, SSR und statischem Rendering?

Der Unterschied liegt darin, wo das HTML entsteht: im Browser, für jede Anfrage auf dem Server oder einmalig beim Build.

Frameworks wie Next.js, Nuxt, SvelteKit oder Astro machen SSR und statische Generierung für Inhaltsseiten zum Standard. Für einen Blog, eine Dokumentation oder Produktseiten gibt es selten einen Grund, Inhalte nur im Browser zu rendern.

Welche JavaScript-SEO-Fehler sind am häufigsten?

Die meisten Probleme entstehen durch Inhalte oder Links, die erst nach einer Interaktion existieren.

• Links ohne href: Navigation über Klick-Handler auf "div"- oder "span"-Elementen wird nicht verfolgt. Verwenden Sie echte "a href"-Links.
• Inhalte hinter Interaktionen: Text, der erst nach einem Klick, einem Tab-Wechsel oder beim Endlos-Scrollen lädt, wird von Googlebot womöglich nie gerendert.
• Blockierte Ressourcen: JavaScript- oder API-Dateien, die in der robots.txt gesperrt sind, verhindern das Rendering.
• Spät gesetzte Metadaten: Titel, Canonicals oder noindex-Tags, die JavaScript ändert, können dem rohen HTML widersprechen.
• Hash-URLs: Fragmente wie "/#/produkt" gelten nicht als eigene Seiten; nutzen Sie die History-API und saubere Pfade.
• Soft-404: Eine Single-Page-App, die „nicht gefunden“ mit Statuscode 200 anzeigt, verwirrt die Indexierung.
• Schwere Bundles: Große Skripte verlangsamen das Rendering, verschlechtern die Core Web Vitals und erhöhen das Risiko von Zeitüberschreitungen.

Warum ist JavaScript für die Sichtbarkeit in KI-Antworten wichtig?

Weil die meisten KI-Crawler nur das rohe HTML lesen. Auswertungen von Crawler-Logs, etwa Vercels Studie zum Traffic von KI-Crawlern aus dem Jahr 2024, zeigten, dass die Bots von OpenAI und Anthropic JavaScript-Dateien abrufen, aber nicht ausführen. Eine Seite, deren Text erst nach der Ausführung von JavaScript erscheint, kann für die Systeme hinter ChatGPT, Claude oder Perplexity leer wirken, selbst wenn Google sie korrekt indexiert.

Wenn Ihnen Zitate in KI-Antworten wichtig sind, gehören Hauptantwort, Überschriften, Tabellen und Links ins Server-HTML, und Ihre robots.txt sollte die gewünschten KI-Crawler zulassen. Unser Leitfaden zur robots.txt für KI-Crawler nennt die wichtigsten Bots, und das KI-Crawlability-Audit zeigt, was sie auf Ihren Seiten lesen können.

Wie testen Sie JavaScript-SEO?

Vergleichen Sie das rohe HTML mit dem, was Google rendert.

1. Sehen Sie sich den Seitenquelltext an (nicht den Inspektor): Fehlt Ihr Hauptinhalt, hängt er von JavaScript ab.
2. Nutzen Sie das URL-Prüftool in der Google Search Console und prüfen Sie das gerenderte HTML und den Screenshot.
3. Führen Sie den Test für Rich-Suchergebnisse aus, der ebenfalls das gerenderte HTML jeder öffentlichen URL zeigt.
4. Deaktivieren Sie JavaScript im Browser, um ungefähr zu sehen, was nicht rendernde Crawler erhalten.
5. Crawlen Sie die Website mit einem Crawler im JavaScript-Modus und ohne, und vergleichen Sie gefundene Links und Wörter.
6. Prüfen Sie den Indexierungsstatus wichtiger URLs mit einem Indexierbarkeits-Checker.

Wie sieht eine JavaScript-SEO-Checkliste aus?

Sechs Regeln decken die meisten Fälle ab:

• Hauptinhalt, Titel, Meta-Beschreibung und Canonical im ursprünglichen HTML.
• Interne Links als "a href"-Elemente mit crawlbaren URLs.
• Keine JavaScript-, CSS- oder API-Dateien in der robots.txt blockiert.
• Korrekte HTTP-Statuscodes für fehlende Seiten und Weiterleitungen.
• Lazy Loading nur für Medien unterhalb des sichtbaren Bereichs, nie für den Haupttext.
• Rendering nach jedem größeren Frontend-Release in der Search Console getestet.

Fazit

JavaScript und SEO passen zusammen, wenn Inhalte nicht von JavaScript abhängen, um zu existieren. Rendern Sie Inhaltsseiten auf dem Server oder beim Build, verwenden Sie echte Links und testen Sie, was Google und KI-Crawler tatsächlich sehen. Sorank veröffentlicht seine Artikel als sauberes HTML direkt in Ihrem CMS, mit interner Verlinkung und strukturierten Daten, auf autopilot: Sehen Sie sich die Tarife und die 3 Tage kostenlose Testphase an.