Serverseitiges Rendering - Vor- und Nachteile für Ihre SEO und Ihr Budget

Die Welt der Webentwicklung hat sich rasant verändert.

In den letzten fünfzehn Jahren haben sich Webseiten vom einfachen HTML-Text zu multimedialen, interaktiven Erlebnissen entwickelt und die Webentwicklung zu einer Kunst erhoben. Das ist so, als würde sich eine Zivilisation in einem Jahrhundert von Steinhäusern zur Weltraumforschung entwickeln. 

Zwei der bedeutendsten Fortschritte in der Web-Entwicklung während dieser Zeit waren die Einführung von JavaScript-Frameworks zur Erstellung von Webseiten und der Bereich der Suchmaschinenoptimierung.

Ironischerweise stehen JavaScript-Entwicklung und SEO oft im Widerspruch zueinander. JavaScript sorgt dafür, dass Websites Spaß machen und interessant zu bedienen sind, während SEO dafür sorgt, dass sie überhaupt erst gefunden werden.

Um beides möglich zu machen, wurde das Server-seitige Rendering (SSR) geschaffen.

Lesen Sie weiter, um zu erfahren, was SSR ist, warum es Sie interessieren sollte und wie Sie es für sich nutzen können.

Was ist Server-Side Rendering?

Serverseitiges Rendering (SSR) ist eine gängige Methode zum Laden des JavaScript Ihrer Website auf Ihren eigenen Server. Wenn menschliche Nutzer oder Suchmaschinen-Crawler wie Googlebot eine Seite vom Server anfordern, wird der Inhalt an den Browser weitergeleitet und als vollständig gerenderte statische HTML-Seite gelesen.

In der Vergangenheit hatten Suchmaschinen Schwierigkeiten, Websites zu crawlen und zu indizieren, die mit JavaScript und nicht mit HTML erstellt wurden.

Google indiziert JavaScript-basierte Webseiten mit einem Zwei-Wellen-Indizierungssystem. Wenn der Googlebot zum ersten Mal auf Ihre Website stößt, durchsucht er Ihre Seiten und extrahiert alle HTML-, CSS- und Linkinformationen, normalerweise innerhalb weniger Stunden.

Google stellt den JavaScript-Inhalt dann in eine Warteschlange und rendert ihn, wenn es die Ressourcen hat. Manchmal dauert das Tage oder Wochen. In dieser Zeit werden Ihre Webseiten nicht indiziert und daher auch nicht von Google gefunden. Das ist eine Menge Traffic, der Ihnen entgeht. 

Was noch schlimmer ist: Wenn Ihre JavaScript-Seiten nicht richtig gecrawlt und indiziert werden können, liest Google sie als leeren Bildschirm und stuft sie entsprechend ein, was für die SEO-Gesundheit Ihrer Website katastrophal sein kann.

Google hat behauptet, dass der Googlebot in der Lage ist, Javascript-basierte Webseiten problemlos zu crawlen und zu indizieren, aber das muss erst noch bewiesen werden. Andere Suchmaschinen wie Bing, Yandex und DuckDuckGo können JavaScript überhaupt nicht crawlen.

Unabhängig von der Suchmaschine stellt JavaScript ein Problem dar, da es für das Crawling und die Indizierung zusätzliche Rechenleistung benötigt und somit mehr von der Ihrer Website zugewiesenen Crawlingmenge verbraucht.

SSR ist für dieses Problem konzipiert. Es rendert JavaScript auf Ihren eigenen Servern, anstatt die Last auf den User-Agent zu legen, wodurch der Inhalt schnell und einfach zugänglich wird, wenn er angefordert wird.

Was ist Client-seitiges Rendering und wie unterscheidet es sich vom Server-seitigen Rendering?

Client-Side Rendering (CSR) ist die zunehmend beliebte Alternative zu SSR.

Der Unterschied zwischen den beiden ist ähnlich wie bei der Bestellung eines Fertiggerichte-Kits von einem Dienst wie Blue Apron oder Green Chef oder dem Kauf aller Zutaten und der Zubereitung der Mahlzeit selbst. 

Beim Client-seitigen Rendering wird das JavaScript einer Website im Browser des Benutzers geladen, nicht auf dem Server der Website. Es bestellt den vorbereiteten Essenssatz. 

Websites, die mit Front-End-JavaScript-Frameworks wie Angular, React oder Vue erstellt wurden, verwenden standardmäßig CSR. Dies ist aus SEO-Sicht problematisch, denn wenn Web-Crawler auf eine Seite auf Ihrer Website stoßen, sehen sie nur einen leeren Bildschirm. 

Serverseitiges Rendering hingegen ist die traditionellere Variante; es ist wie einkaufen und selbst kochen. Es lädt Ihren JavaScript-Inhalt auf den Server Ihrer Website. 

SSR stammt aus der Zeit, als JavaScript und PHP noch primär Backend-Technologien waren und Java lediglich dazu diente, HTML-basierte Websites interaktiver zu machen, anstatt sie von Grund auf neu zu erstellen. 

SSR wandelt Ihre HTML-Dateien in Informationen um, die für den Browser auf der Benutzerseite lesbar sind. Googlebot kann den grundlegenden HTML-Inhalt auf Ihrer Webseite ohne störendes JavaScript sehen, während der Benutzer die vollständig gerenderte Seite in ihrer ganzen Pracht sieht. Ihre Website wird bei Google gut gerankt, und Ihr Benutzer erhält ein Web-Erlebnis, das ein Fest für Augen und Ohren ist.

Vorteile von Server-Side Rendering

Wir haben bereits einige der SEO-Vorteile des Server-seitigen Renderings besprochen: einwandfrei gecrawlte und indizierte JavaScript-Seiten, keine verschwendeten Crawl-Budgets mehr oder sinkende Such-Rankings, kein träger Zwei-Wellen-Indizierungsprozess; nur eine reibungslose, nahtlose Indizierung und der damit einhergehende stetige Strom an Google-Traffic.

SSR hat noch mehr Vorteile als die oben genannten. 

Es optimiert Webseiten für soziale Plattformen, nicht nur für Suchmaschinen. Wenn jemand Ihre Seite auf Facebook oder Twitter teilt, enthält der Beitrag eine Vorschau der Seite.

Es bringt eine Reihe von Leistungsvorteilen mit sich, die die UX Ihrer Website verbessern. SSR-Seiten haben eine viel schnellere Ladezeit und einen viel schnelleren ersten Inhaltsanstrich, weil der Inhalt früher im Browser verfügbar ist. Das bedeutet weniger Zeit, die Ihr Benutzer auf einen Ladebildschirm schauen muss. 

JavaScript ist ressourcenlastig und code-intensiv. Das Herunterladen auf einen Browser mittels CSR trägt erheblich zum Gewicht der Seite bei. Eine einzelne JavaScript-Datei ist im Durchschnitt etwa 1 MB groß, während die Best Practice der Webentwicklung empfiehlt, die gesamte Seite auf maximal 5 MB zu beschränken. 

Die Performance-Verbesserungen, die mit SSR kommen, haben auch ihre eigenen SEO-Vorteile. Google gibt den Websites mit der schnellsten Seitenladegeschwindigkeit bevorzugte Suchrankings. Schnellere Ladezeiten verbessern Nutzermetriken wie Sitzungsdauer und Absprungrate; Google-Algorithmen schauen sich diese Metriken an und geben Ihnen einen zusätzlichen SEO-Bost.

Schnellere Web-Seiten. Zufriedene Suchmaschinen. Glückliche Benutzer.

Server-seitiges Rendering Nachteile

Wenn SSR technisch so viel besser optimiert und SEO-freundlich ist, warum verwenden es dann nicht alle Websites?

Es stellt sich heraus, dass die Verwendung von SSR für Ihre Website einige erhebliche Nachteile mit sich bringt. Es ist teuer, schwierig zu implementieren und erfordert eine Menge Arbeitskraft für die Einrichtung. 

Außerdem wird die Last des Renderns Ihrer JavaScript-Inhalte auf Ihre eigenen Server verlagert, was die Wartungskosten für Ihre Server in die Höhe treibt.

Websites, die JavaScript-Frameworks verwenden, benötigen universelle Bibliotheken, um SSR zu aktivieren; Angular erfordert Angular Universal, React und Vue benötigen Next.JS. Alle diese Bibliotheken erfordern zusätzliche Arbeit von Ihrem Entwicklungsteam, was Sie Geld kostet.

SSR-Seiten haben eine höhere TTFB-Latenz und eine langsamere Time-to-Interactive. Ihr Benutzer sieht den Inhalt früher, aber wenn er auf etwas klickt, wird nichts passieren. Sie werden frustriert sein und die Seite verlassen.

SSR ist keine Allzwecklösung. Sie müssen die technischen Anforderungen und Herausforderungen Ihrer Website bewerten, bevor Sie es einführen.

Es gibt noch eine bessere Lösung: Prerendering

SSR hat viele Vorteile, die die technischen Unzulänglichkeiten und die verschlechterte Benutzererfahrung von CSR ausgleichen. Allerdings hat es seine eigenen Einschränkungen und ist möglicherweise nicht die beste Lösung für Ihre Website.

Prerendering ist eine großartige Option, die verbesserte Leistung und Indexierung mit einfacher Einrichtung und Implementierung kombiniert. Es ist kostengünstig, skalierbar und wird sogar von Googles eigener Dokumentation empfohlen.

Um Benutzern und Suchmaschinen ein schnelles und gut optimiertes Web-Erlebnis zu bieten, melden Sie sich noch heute kostenlos für Prerender an.