Rendering

Rendering ist der technische Prozess, bei dem ein Browser oder eine Suchmaschine den HTML-Code einer Webseite in einen sichtbaren visuellen Output umwandelt. Dieser Prozess ist komplex und besteht aus mehreren Schritten: Der HTML-Code wird geparst, das CSS wird angewendet, Bilder werden geladen, JavaScript wird ausgeführt, und schließlich wird die fertige Seite angezeigt. Für SEO ist Rendering essentiell, weil Suchmaschinen wie Google die Seite rendern müssen, um den tatsächlichen Inhalt zu sehen (nicht nur den Rohcode). Bei JavaScript-lastigen Seiten kann schlechtes Rendering zu Indexierungsproblemen führen.

Technisch gibt es verschiedene Rendering-Methoden: Server-Side Rendering (SSR), bei dem der Server den fertig gerenderter HTML sendet, Client-Side Rendering (CSR), bei dem der Browser das Rendering nach dem Download macht, und Hybrid-Ansätze. Googles Googlebot unterscheidet sich vom Consumer-Chrome: Der Googlebot rendet JavaScript, aber mit Verzögerungen und möglicherweise nicht alle komplexen Interaktionen. Besonders bei Single-Page-Applications (SPAs) können Indexierungsprobleme entstehen, wenn Inhalte erst nach kompliziertem JavaScript-Execution sichtbar werden. Der Googlebot hat ein endliches Render-Budget pro Domain.

Bei der Optimierung sollten Website-Betreiber sicherstellen, dass kritische Inhalte nicht auf JavaScript angewiesen sind. Server-Side Rendering ist für JavaScript-lastige Websites die beste Lösung, da Google den vollständigen HTML erhält. Für CSR-Seiten sollte man mit „Fetch as Google” in der Search Console testen, ob Google alle Inhalte richtig rendet und sieht. Dynamic Rendering ist ein Hybrid-Ansatz, bei dem man serverseitige Versionen für den Googlebot bereitstellt – dies wird von Google akzeptiert. Ein gutes Monitoring der Render-Performance hilft, Probleme frühzeitig zu erkennen.