JavaScript SEO: Was Google und KIs wirklich crawlen können

Was ist JavaScript?

JavaScript ist eine der weltweit meist­genutzten Programmier­sprachen und dient in erster Linie dazu, Websites interaktiv zu machen. Damit eine schöne und funktionierende Website entsteht, werden grundsätzlich drei Bausteine benötigt:

• HTML: für die Struktur
• CSS: für das Design
• JavaScript: für die Interaktivität

Bei der Entwicklung einer Website binden Entwickler den JavaScript-Code in den Quellcode ein, entweder direkt im HTML oder als separate Datei. Als Nutzer bekommt man davon nichts mit. Sobald die Seite im Browser aufgerufen wird, wird der Code auto­matisch ausgeführt. So können Inhalte nach­­geladen, Elemente ein- und aus­­geblendet oder auf Eingaben reagiert werden, ohne dass die Seite neu geladen werden muss. Produkt­­filter im Onlineshop, animierte Menüs, Inhalte die beim Scrollen erscheinen – das alles läuft in der Regel über JavaScript.

Das Problem mit JavaScript und SEO

Für Nutzer ist JavaScript ein Gewinn. Seiten laden schneller, Inhalte erscheinen dynamisch und das Nutzer­­erlebnis wirkt modern und durchdacht. Das Problem entsteht im Hintergrund, unsichtbar für den Besucher. JavaScript-Inhalte werden nicht direkt mit­geliefert, sondern erst aufgebaut, nachdem der Browser den Code ausgeführt hat. Such­­maschinen-Bots, die diesen Schritt überspringen, sehen nur ein leeres Grund­gerüst. Texte, Über­schriften und Produkt­beschreibungen fehlen vollständig. Im schlimmsten Fall landet eine Seite gar nicht erst im Index.

Google hat in den letzten Jahren nach­gebessert und kann JavaScript-Inhalte grundsätzlich verarbeiten. Dennoch kommt es auch hier immer wieder zu Ver­zögerungen und Lücken. Bei KI-Crawlern ist das Problem noch gravierender. Sie führen JavaScript grund­­sätzlich nicht aus und sehen ausschließlich das, was direkt im Quellcode steht. Wer Inhalte über JavaScript nachlädt, ist für diese Bots schlicht nicht vorhanden, unabhängig davon wie gut der Content ist.

Wer trotz JavaScript SEO erfolgreich betreiben möchte, muss sicher­stellen, dass Such­­maschinen und KI-Crawler die Inhalte der Website zuverlässig crawlen, rendern und indexieren können. Es geht nicht darum, JavaScript zu vermeiden, sondern darum, es richtig einzusetzen.

Wie Google JavaScript verarbeitet

Die Verarbeitung von JavaScript-Websites durchläuft bei Google drei Haupt­phasen. Dabei arbeitet Google intern mit Warte­schlangen, die bestimmen, wann eine Seite gecrawlt und wann sie gerendert wird. Es ist von außen nicht ersichtlich, in welcher Warte­schlange sich eine Seite gerade befindet oder wie lange sie dort verbleibt.

1. Crawling

Der Googlebot ruft die URL ab, liest den rohen HTML-Code und stellt neue URLs in die Crawling-Warteschlange. Dabei prüft er zunächst die robots.txt. Ist eine Seite dort als gesperrt markiert, überspringt er sie komplett. Alle Seiten mit dem HTTP-Statuscode 200 landen anschließend in der Rendering-Warteschlange.

2. Rendering

Google baut die Seite wie ein Browser auf. Das Ergebnis ist das sogenannte Rendered HTML. Inhalte, die erst durch Scrollen oder Klicken nach­geladen werden, erscheinen dabei nicht und werden möglicherweise nie indexiert.

3. Indexierung

Google liest das Rendered HTML und nimmt die Inhalte in den Suchindex auf. Erst dann erscheint die Seite in den Suchergebnissen.

KI-Crawler und JavaScript GEO

JavaScript hat nicht nur Einfluss auf die klassische SEO, sondern auch auf GEO, also die Sichtbarkeit in KI-generierten Antworten. Und hier ist das Problem noch gravierender.

Eine Analyse von über 500 Millionen GPTBot-Anfragen fand keinerlei Hinweise auf JavaScript-Aus­führung. Das gilt für alle großen KI-Crawler: GPTBot, OAI-SearchBot, ChatGPT-User, ClaudeBot, Claude-SearchBot, PerplexityBot, Meta-ExternalAgent und Bytespider. Einige laden JavaScript-Dateien zwar herunter, führen sie aber nicht aus. Die einzige Ausnahme ist Google Gemini, das die Rendering-Infrastruktur von Googlebot nutzt und JavaScript mit denselben oben genannten Einschränkungen verarbeiten kann.

Für deine Sichtbarkeit bedeutet das: Deine Seite kann auf Position 1 bei Google ranken und gleichzeitig für jeden KI-Crawler unsichtbar sein. Allerdings klingt das erstmal komplizierter als es wirklich ist. Wer die technischen Grundlagen kennt, kann mit den richtigen Ansätzen sowohl für Google als auch für KI-Crawler sichtbar bleiben.

Rendering-Ansätze: CSR vs. SSR vs. SSG

Der entscheidende Faktor für JavaScript SEO ist nicht ob eine Website JavaScript verwendet, sondern wo und wann die Inhalte zusammengebaut werden. Dafür gibt es drei grundlegende Ansätze: Client-Side Rendering (CSR), Server-Side Rendering (SSR) und Static Site Generation (SSG).

Die Empfehlung für JavaScript SEO ist ganz klar serverseitiges Rendering, also SSR oder SSG. SSR baut die Seite jedes Mal neu, wenn jemand sie aufruft. Der Server generiert den HTML-Code live bei jeder Anfrage und eignet sich daher für Inhalte, die sich häufig ändern, zum Beispiel Preise, Lagerbestände oder personalisierte Inhalte. SSG baut die Seite einmalig vorab und speichert sie als fertige Datei. Bei jedem Aufruf wird diese fertige Datei ausgeliefert, was ideal für Inhalte ist, die sich selten ändern, also Blogbeiträge, Landingpages oder Lexikon­einträge. Darüber hinaus gibt es einen hybriden Ansatz, der SSR und CSR kombiniert. Dabei wird die Seite zunächst serverseitig gerendert, sodass Crawler sofort den fertigen Inhalt bekommen. Anschließend wird sie im Browser mit JavaScript interaktiv gemacht.

Best Practices für JavaScript SEO & GEO

Viele JavaScript-SEO-Probleme entstehen nicht durch die Technologie selbst, sondern durch typische Fehler bei der Umsetzung. Google gibt dazu klare Empfehlungen. Größtenteils gelten diese auch für KI-Crawler, aber mit einem wichtigen Unterschied: Bei Google sind es Empfehlungen, bei KI-Crawlern sind es Voraussetzungen.

• Title und Meta-Descriptions: Setze aussagekräftige Meta-Daten direkt im HTML. Per JavaScript sind sie zwar technisch möglich, aber nicht zuverlässig. Google kann sie verzögert verarbeiten, KI-Crawler sehen sie gar nicht.
• Kanonische URL: Lege den Canonical Tag am besten direkt im HTML fest. Achte darauf, ihn nicht per JavaScript zu ändern, da dies zu widersprüchlichen oder mehrfachen Canonical Tags führen kann.
• Kompatibler Code: Stelle sicher, dass dein JavaScript-Code mit Google kompatibel ist. Nicht alle APIs und JavaScript-Funktionen werden unterstützt.
• HTTP-Statuscodes: Achte auf korrekte Statuscodes, damit Google weiß, wie eine Seite behandelt werden soll. Vermeide dabei besonders Soft-404-Fehler.
• History API statt Fragmenten: Google erkennt nur Links mit einem regulären href-Attribut.Verwende für Single-Page-Apps die History API für das clientseitige Routing.
• noindex mit Bedacht einsetzen: Setze noindex-Tags direkt im HTML, nicht per JavaScript. Sieht Google das Tag bereits im initialen HTML, überspringt es das Rendering komplett. Per JavaScript gesetzte noindex-Tags können dabei schlicht ignoriert werden.
• Langlebiges Caching: Verwende Dateinamen mit Content-Fingerprint. So stellt Google sicher, dass bei Änderungen immer die aktuelle Version der JavaScript-Dateien geladen wird und nicht eine veraltete aus dem Cache.
• Strukturierte Daten: Können per JavaScript eingebunden werden. Teste die Implementierung anschließend mit Googles Rich-Results-Test, um sicherzustellen, dass sie korrekt verarbeitet werden.
• Lazy Load: Implementiere Lazy Load suchmaschinenfreundlich. Wichtige Inhalte sollten immer im initialen HTML vorhanden sein, da Google und KI-Crawler nicht scrollen oder klicken, um nachgeladene Inhalte zu sehen.

Zusätzliche Empfehlungen für KI-Crawler

Wer nicht nur bei Google, sondern auch in KI-Antworten sichtbar sein möchte, muss noch einen Schritt weitergehen. Die robots.txt sollte explizite Regeln für KI-Crawler enthalten. Empfohlen ist es, Retrieval-Crawler zu erlauben, da sie Website-Inhalte direkt für aktive Nutzeranfragen verwenden. Eine aktuelle Sitemap hilft diesen Bots zudem, alle relevanten Seiten zuverlässig zu finden. Darüber hinaus sollten Inhalte grundsätzlich so aufgebaut sein, dass sie ohne JavaScript zugänglich sind. JavaScript sollte nur als Erweiterung dienen, nicht als Voraussetzung für den Inhalt. Für alle crawl-relevanten Seiten gilt: SSR oder SSG sicherstellen, damit der Inhalt im initialen HTML steht und KI-Crawler ihn zuverlässig lesen können.

So prüfst du deine Website

JavaScript-Probleme bleiben häufig lange unbemerkt. Seiten ranken zwar bei Google, aber wichtige Inhalte fehlen im Index oder sind für KI-Crawler unsichtbar. Mit den folgenden Tools lässt sich schnell prüfen, was Crawler wirklich sehen und ob Inhalte korrekt indexiert werden.

• URL-Prüfung in der Search Console: Prüfe ob die Seite überhaupt indexiert ist und vergleiche den rohen HTML-Code mit dem gerenderten HTML. Fehlen Inhalte im gerenderten HTML, landen sie auch nicht im Index.
• Crawling mit Screaming Frog: Das Tool crawlt Seiten im JavaScript-Modus so wie Google es tut. So kannst du fehlende Links, Meta-Tags oder nicht indexierte Inhalte gezielt identifizieren.
• Analyse der Server-Logs: GA4 ist blind für KI-Crawler. Schaue dir die Server Logs im Hosting-Backend an, um zu sehen welche Bots die Website besuchen, wie oft sie kommen und was sie sehen.
• cURL-Test: Zeigt den rohen HTML-Code einer Seite, genau so wie KI-Crawler ihn sehen. Was dort nicht steht, existiert für KI-Crawler nicht.
• Rich-Results-Test: Prüft ob strukturierte Daten nach der JavaScript-Ausführung korrekt verarbeitet werden. Einfach die URL eingeben und prüfen ob Schema Markup im gerenderten HTML vorhanden ist.

JavaScript ist kein SEO-Killer

Wenn du ein paar Dinge beachtest, ist JavaScript kein Ausschlusskriterium für gutes SEO. Dazu gehören serverseitiges Rendering, wichtige Inhalte im initialen HTML und eine gezielt konfigurierte robots.txt. Die Technologie ist nicht das Problem, sondern die Umsetzung. Wer dabei GEO direkt mitdenkt, hat gegen­über dem Wett­bewerb einen klaren Vorteil. Denn während viele noch ausschließlich auf Google optimieren, entscheidet die technische Basis längst auch darüber, ob eine Website in KI-Antworten auftaucht oder nicht. Als SEO- und GEO-Agentur mit eigener Web­entwicklung wissen wir genau: Sichtbarkeit in KI-Antworten beginnt auf technischer Ebene. Wenn du wissen möchtest, wie deine Website aktuell aufgestellt ist, analysieren wir das gerne für dich.