Rendering

Rendering

Definition

Rendering bezeichnet den Prozess, bei dem ein Browser oder ein Crawler den Quellcode einer Webseite – bestehend aus HTML, CSS und JavaScript – in die sichtbare, interaktive Seite umwandelt. Für SEO ist dabei entscheidend, ob und wann der Googlebot diesen Prozess vollständig durchläuft, bevor er Inhalte indexiert. Je nach technischer Umsetzung einer Website unterscheidet man zwischen serverseitigem Rendering (SSR), clientseitigem Rendering (CSR) und hybriden Ansätzen wie Static Site Generation (SSG).

Warum Rendering wichtig ist

Viele moderne Websites – besonders Shops und Web-Apps auf Basis von React, Vue oder Angular – liefern beim ersten Aufruf zunächst eine weitgehend leere HTML-Datei aus. Die eigentlichen Inhalte werden erst durch JavaScript im Browser zusammengebaut. Google kann JavaScript zwar grundsätzlich ausführen, tut dies aber verzögert und mit begrenzten Ressourcen. Inhalte, die erst nach dem JavaScript-Rendering sichtbar sind, werden deshalb später oder gar nicht indexiert – mit direkten Auswirkungen auf Rankings und organischen Traffic. Wer das Rendering seiner Website nicht kennt und kontrolliert, riskiert, dass Google schlicht nicht sieht, was Nutzer sehen.

Beispiel

Ein Online-Shop betreibt seinen Produktkatalog auf Basis eines JavaScript-Frameworks. Die Produktbeschreibungen, Preise und Kategorietexte werden vollständig per JavaScript in den Browser geladen. Im Google Search Console-Bericht „URL prüfen" zeigt der gerenderte Screenshot eine leere Seite – der Googlebot hat die Seite gecrawlt, bevor das JavaScript ausgeführt wurde. Ergebnis: Die Produktseiten sind zwar technisch erreichbar, aber inhaltlich nicht indexiert. Nach der Umstellung auf serverseitiges Rendering liefert der Server sofort vollständiges HTML aus – der Googlebot sieht beim ersten Request denselben Inhalt wie der Nutzer, und die Seiten werden korrekt indexiert.

Verwandte Begriffe