Was ist Rendering? (Wie Google JavaScript-Websites sieht)

Wenn Sie den Quelltext einer Website ansehen, sehen Sie oft nur HTML-Code. Was Ihr Browser (oder der Googlebot) jedoch anzeigt, ist das Ergebnis eines komplexen Prozesses namens Rendering. Dieses Konzept ist besonders für JavaScript SEO von entscheidender Bedeutung.

Die schnelle Definition

Rendering ist der Prozess, bei dem ein Browser (oder ein Suchmaschinen-Crawler) den Code einer Webseite (HTML, CSS und JavaScript) interpretiert und in die **visuelle Webseite** umwandelt, die ein Nutzer sehen und mit der er interagieren kann. Im SEO-Kontext ist damit speziell Googles Fähigkeit gemeint, JavaScript auszuführen, um den finalen, vollständigen Inhalt einer Seite zu “sehen”.

Warum Rendering für SEO kritisch ist

Wenn Ihre Website Inhalte dynamisch mit JavaScript lädt, sieht der Googlebot im ersten Schritt (Crawling) möglicherweise nur einen fast leeren HTML-Code. Der Bot muss die Seite “rendern”, um den eigentlichen Inhalt zu sehen.

1. Sichtbarkeit von Inhalten: Wenn Google Ihre JavaScript-Inhalte nicht rendern kann, werden diese Inhalte auch nicht indexiert. Für Google bleibt die Seite leer oder unvollständig, was zu katastrophalen Rankings führt.
2. Indexierung von Links: Links, die per JavaScript in den Inhalt geladen werden (z.B. in Produktlisten oder Navigationsmenüs), werden möglicherweise nicht erkannt, wenn das Rendering fehlschlägt. Dies kann zu verwaisten Seiten führen.
3. Core Web Vitals & Performance: Der Rendering-Prozess kostet Zeit und Rechenleistung. Komplexes JavaScript kann die Ladezeit (LCP) und die Interaktivität (INP) massiv beeinträchtigen – beides sind wichtige Rankingfaktoren.
4. Googles “Two-Wave Indexing”: Google crawlt Seiten in zwei Wellen. In Welle 1 wird nur das rohe HTML indexiert. In Welle 2 (die Tage oder Wochen später stattfinden kann) wird die Seite vollständig gerendert. Das bedeutet, dass JavaScript-basierte Inhalte oft eine signifikante Indexierungsverzögerung haben.

Die 3 Rendering-Typen im Vergleich

1. Client-Side Rendering (CSR)

• Was es ist: Der Server sendet ein fast leeres HTML-Gerüst und eine große JavaScript-Datei. Der Browser (Client) des Nutzers muss das gesamte JavaScript herunterladen und ausführen, um die Seite aufzubauen.
• SEO-Problem: Dies ist die problematischste Methode für SEO. Der Googlebot muss in der zweiten Welle rendern, was zu Verzögerungen und Fehlern führen kann.

2. Server-Side Rendering (SSR)

• Was es ist: Der Server führt das JavaScript aus und generiert die fertige, vollständige HTML-Seite, *bevor* er sie an den Browser sendet.
• SEO-Vorteil: Der Googlebot erhält sofort das fertige HTML. Die Seite ist schnell indexierbar, die Inhalte sind sofort sichtbar und die Ladezeiten (LCP) sind oft besser. Dies ist die bevorzugte Methode für JavaScript-lastige Websites.

3. Dynamic Rendering

• Was es ist: Eine Brückenlösung. Der Server erkennt, wer die Seite anfragt. Echte Nutzer erhalten die CSR-Version (JavaScript im Browser), während Suchmaschinen-Bots die SSR-Version (fertiges HTML) erhalten.
• SEO-Vorteil: Stellt die Indexierbarkeit sicher, ohne die Nutzererfahrung zu verändern. Wird von Google als gültige Übergangslösung akzeptiert.

Profi-Tipp: Testen Sie, was Google sieht!

Verlassen Sie sich nicht darauf, dass Google Ihre JavaScript-Seite schon “irgendwie” rendern wird. Nutzen Sie das **URL-Prüftool** in der Google Search Console.

1. Geben Sie Ihre URL ein.
2. Klicken Sie auf “Live-URL testen”.
3. Nach dem Test klicken Sie auf “Gerenderte Seite anzeigen”.
4. Überprüfen Sie den **Screenshot** und den **HTML-Code**. Wenn Ihre wichtigsten Inhalte oder Links hier fehlen, haben Sie ein Rendering-Problem, das Sie dringend beheben müssen (z.B. durch Umstellung auf SSR).

Zusammenfassung: Rendering ist der Prozess, bei dem Code (HTML, CSS, JS) in eine sichtbare Webseite umgewandelt wird. Im SEO ist damit vor allem die Fähigkeit von Google gemeint, JavaScript-basierte Inhalte zu verarbeiten. Probleme beim Rendering können zu Indexierungslücken und schlechten Ladezeiten führen. Server-Side Rendering (SSR) ist oft die beste Lösung, um JavaScript-Websites SEO-freundlich zu machen.