JavaScript-SEO.

JavaScript-SEO befasst sich damit, dass Websites, deren Inhalte ganz oder teilweise per JavaScript erzeugt werden, von Suchmaschinen und KI-Crawlern vollständig gelesen werden können. Kernfrage ist, ob der relevante Inhalt bereits im ausgelieferten HTML steht oder erst im Browser entsteht.

JavaScript-SEO — ausführlich erklärt

Moderne Websites werden häufig mit JavaScript-Frameworks wie React, Vue oder Angular gebaut. Bei reinem Client-Side-Rendering liefert der Server eine fast leere HTML-Seite aus, und der eigentliche Inhalt wird erst im Browser zusammengesetzt. Für Menschen sieht das Ergebnis gleich aus. Für Crawler ist es ein grosser Unterschied, ob sie den Text direkt lesen können oder erst ein Skript ausführen müssen.

Google rendert JavaScript mit einem aktuellen Chromium-Browser, allerdings in einem zusätzlichen Schritt, der Zeit und Ressourcen kostet. Nach öffentlich verfügbaren Auswertungen führen viele KI-Crawler dagegen kein JavaScript aus und sehen nur das ursprüngliche HTML. Inhalte, die erst nach einem Klick, beim Scrollen oder nach einer Anmeldung erscheinen, bleiben für alle Crawler unsichtbar.

Ein Beispiel: Ein Startup baut seine Website als Single-Page-App. Leistungsbeschreibungen und FAQ werden aus einer Schnittstelle nachgeladen. In der Google-Suche erscheinen die Seiten mit Verzögerung, in ChatGPT- und Perplexity-Antworten gar nicht, weil deren Crawler nur ein leeres Gerüst sehen. Die Umstellung auf Server-Side Rendering oder statische Generierung löst das, ohne das Design zu ändern.

Rendering-Varianten im Überblick

Beim Client-Side-Rendering entsteht der Inhalt im Browser, beim Server-Side-Rendering auf dem Server bei jedem Aufruf, bei der statischen Generierung einmal beim Build. Für Seiten, die gefunden werden sollen, sind Server-Rendering oder statische Generierung die sichere Wahl: Der vollständige Text steht im HTML, schneller und für jeden Crawler lesbar. Frameworks wie Next.js kombinieren das mit interaktiven Komponenten.

Wichtig ist auch, dass Links echte `<a href>`-Elemente sind. Navigation über reine Klick-Handler ohne Adresse können Crawler nicht verfolgen; die verlinkten Seiten werden dann nicht entdeckt.

JavaScript-SEO prüfen

Ein einfacher Test: Die Seite im Browser mit «Seitenquelltext anzeigen» öffnen (nicht mit den Entwicklertools). Steht der Hauptinhalt dort im Klartext, ist die Seite für Crawler lesbar. Die URL-Prüfung in der Google Search Console zeigt zusätzlich, was Google nach dem Rendern sieht.

Unsere Websites bauen wir auf Next.js mit serverseitigem Rendering, damit Google und KI-Systeme den vollen Inhalt ohne Umweg erhalten. Für bestehende JavaScript-Websites prüfen wir das im Website-Audit; die Zugänglichkeit für KI-Systeme zeigt der KI-Sichtbarkeits-Check.

Weiterführende Seite

Webentwicklung Zürich

Häufige Fragen zu JavaScript-SEO

Ja. Google rendert Seiten mit einem aktuellen Chromium-Browser und kann per JavaScript erzeugte Inhalte indexieren. Das geschieht aber in einem zusätzlichen Schritt und kann verzögert sein. Inhalte, die erst nach Klicks oder Logins erscheinen, sieht Google nicht.

Nach öffentlich verfügbaren Auswertungen führen viele KI-Crawler kein JavaScript aus und lesen nur das ausgelieferte HTML. Was erst im Browser entsteht, fehlt ihnen. Für die Sichtbarkeit in KI-Antworten ist serverseitig gerenderter Inhalt deshalb die sichere Wahl.

Nicht an sich. Problematisch ist reines Client-Side-Rendering, bei dem der Inhalt erst im Browser entsteht. Mit Frameworks wie Next.js lassen sich React-Websites serverseitig rendern oder statisch generieren, sodass der Inhalt direkt im HTML steht.