JavaScript SEO: So crawlt und rendert Google JavaScript
Was ist JavaScript SEO? Erfahre, wie Google JavaScript crawlt, rendert und indexiert und welche technischen Fehler die Sichtbarkeit beeinträchtigen können.
Anteil der Google-Suchen, nach denen ein klassisches Suchergebnis angeklickt wurde:
Klicks: Pew Research Center, Browsing-Daten von 900 US-Erwachsenen, März 2025. Nutzerzahlen: Google I/O, Mai 2026; OpenAI, Februar 2026. Pew Research
Inhaltsverzeichnis
- Was ist JavaScript SEO?
- Wie verarbeitet Google JavaScript?
- Kann Google JavaScript-Inhalte indexieren?
- Server-Side Rendering oder Client-Side Rendering?
- Wie sollten interne Links bei JavaScript-Websites umgesetzt werden?
- Welche JavaScript-SEO-Probleme treten häufig auf?
- Ist Dynamic Rendering noch empfehlenswert?
- Wie kann man JavaScript SEO testen?
- Fazit
Was ist JavaScript SEO?
JavaScript SEO umfasst technische Maßnahmen, die dafür sorgen, dass Suchmaschinen Inhalte und Links auf JavaScript-basierten Websites zuverlässig crawlen, rendern und indexieren können.
Moderne Websites nutzen JavaScript beispielsweise für Navigation, interaktive Anwendungen oder dynamisch geladene Inhalte. Google kann JavaScript grundsätzlich ausführen, dennoch sollte eine Website so umgesetzt sein, dass wichtige Inhalte und URLs möglichst robust erreichbar bleiben.
JavaScript SEO kurz erklärt:
– Google kann JavaScript mit einer aktuellen Chromium-Version ausführen.
– Die Verarbeitung umfasst Crawling, Rendering und Indexierung.
– Wichtige Links sollten als echte HTML-Links mit href ausgegeben werden.
– Server-Side Rendering oder Pre-Rendering kann Inhalte robuster verfügbar machen.
Wie verarbeitet Google JavaScript?
Google beschreibt die Verarbeitung von JavaScript-Seiten vereinfacht in drei Phasen:
1. Crawling
Googlebot ruft die URL ab, prüft unter anderem die robots.txt und verarbeitet das zunächst ausgelieferte HTML.
2. Rendering
Die Seite kann anschließend zum Rendering in eine Warteschlange gestellt werden. Eine Chromium-basierte Rendering-Umgebung führt JavaScript aus und erzeugt das gerenderte HTML.
3. Indexierung
Google verarbeitet den gerenderten Inhalt erneut, extrahiert darin enthaltene Links und kann geeignete Inhalte anschließend indexieren.
Kann Google JavaScript-Inhalte indexieren?
Ja. Google kann Inhalte indexieren, die erst durch JavaScript in den DOM eingefügt werden. Trotzdem können technische Fehler dazu führen, dass der gewünschte Inhalt im gerenderten HTML nicht verfügbar ist.
Deshalb sollte bei wichtigen SEO-Inhalten nicht allein davon ausgegangen werden, dass eine Anwendung im Browser des Entwicklers korrekt funktioniert. Entscheidend ist, was Googlebot tatsächlich abrufen und rendern kann.
Server-Side Rendering oder Client-Side Rendering?
| Rendering | Funktionsweise |
|---|---|
| Server-Side Rendering (SSR) | Der Server liefert bereits einen großen Teil des fertigen HTML-Inhalts aus. |
| Static Rendering | HTML-Seiten werden bereits im Build-Prozess erzeugt. |
| Client-Side Rendering (CSR) | Ein wesentlicher Teil des Inhalts entsteht erst nach Ausführung von JavaScript im Browser. |
| Hydration | Vorgerendertes HTML wird im Browser durch JavaScript interaktiv gemacht. |
Google kann Client-Side Rendering grundsätzlich verarbeiten. Server-Side Rendering, Static Rendering oder Hydration können jedoch Vorteile bieten, weil der zentrale Inhalt bereits ohne vollständige JavaScript-Ausführung verfügbar ist.
Wie sollten interne Links bei JavaScript-Websites umgesetzt werden?
Für wichtige Links empfiehlt Google klassische HTML-Ankerelemente mit einem gültigen href-Attribut.
Gut:
<a href="/leistungen/">Unsere Leistungen</a>
Elemente, die lediglich über ein JavaScript-Klick-Event zu einer anderen URL navigieren, sind für Suchmaschinen weniger zuverlässig.
Welche JavaScript-SEO-Probleme treten häufig auf?
Typische technische Fehler
- Blockierte Ressourcen: JavaScript- oder andere notwendige Dateien können von Google nicht geladen werden.
- Fehler beim Rendering: Wichtige Inhalte erscheinen nicht im gerenderten DOM.
- Nicht crawlbare Links: Navigation basiert ausschließlich auf Klick-Events ohne gültige href-URL.
- Soft-404-Probleme: Single-Page-Apps liefern trotz nicht vorhandener Inhalte den HTTP-Status 200.
- Fehlerhafte Canonicals: JavaScript verändert Canonical-Angaben widersprüchlich.
- Ungeeignete Statuscodes: Fehlerseiten liefern keine passenden HTTP-Statuscodes.
Ist Dynamic Rendering noch empfehlenswert?
Dynamic Rendering gilt heute nicht als bevorzugte langfristige Lösung. Dabei erhalten Suchmaschinen eine serverseitig gerenderte Version, während Nutzer eine JavaScript-Version sehen.
Google bezeichnet dieses Verfahren inzwischen als Behelfslösung und empfiehlt für neue Implementierungen eher Server-Side Rendering, Static Rendering oder Hydration.
Wie kann man JavaScript SEO testen?
Ein wichtiges Werkzeug ist die URL-Prüfung in der Google Search Console. Dort lässt sich untersuchen, ob eine URL erreichbar und indexierbar ist.
Bei JavaScript-Problemen sollte insbesondere geprüft werden, ob die relevanten Inhalte und Links nach dem Rendering tatsächlich im HTML vorhanden sind.
- URL-Prüfung in der Search Console nutzen
- gerendertes HTML kontrollieren
- JavaScript-Fehler in der Browser-Konsole prüfen
- Statuscodes und Weiterleitungen kontrollieren
- robots.txt und Meta-Robots-Angaben prüfen
Fazit
Google kann moderne JavaScript-Websites crawlen und rendern. JavaScript SEO bleibt trotzdem wichtig, weil Fehler bei Rendering, Links, Statuscodes oder Canonicals die Auffindbarkeit von Inhalten beeinträchtigen können. Besonders robust sind Lösungen, bei denen wichtige Inhalte und Links möglichst früh und zuverlässig verfügbar sind.
Unsere Leistungen
Vom Wissen zur Umsetzung:
Autor: Oliver Godolt
Mit über 20 Jahren Erfahrung in der Digitalbranche, davon knapp 10 Jahre mit Fokus auf Kanzleimarketing und die Sichtbarkeit von Rechtsanwälten. Er ist spezialisiert auf nachhaltige SEO-Optimierung, hocheffiziente Leadgenerierung und die Digitalisierung juristischer Geschäftsmodelle.
