Server-Side Rendering

Server-Side RenderingBeim Server-Side Rendering (SSR) erzeugt der Server das fertige HTML, bevor die Seite an Browser oder Crawler ausgeliefert wird. Inhalte sind dadurch sofort im Quelltext vorhanden.Zum Glossareintrag → (SSR) bedeutet, dass der Server das vollständige HTMLHyperText Markup Language (HTML) ist die Auszeichnungssprache für Webseiten. Mit ihr werden Struktur und Inhalt einer Seite definiert, etwa Überschriften, Absätze, Links und Bilder.Zum Glossareintrag → pro Anfrage erstellt und ausliefert. Crawler und KI-Systeme sehen Kerninhalte dadurch ohne eigenen RenderingJavaScript-Rendering bezeichnet den Vorgang, bei dem ein Browser oder Crawler JavaScript-Code ausführt, um daraus die fertige, sichtbare Seite zu erzeugen. Erst nach diesem Schritt entstehen Inhalte, die nicht bereits im ausgelieferten HTML stehen.Zum Glossareintrag →-Schritt.

Das macht SSR zur robusten Lösung für die Suchmaschinenoptimierung, weil:

• Inhalte sofort im HTML stehen,
• Title, Meta-DescriptionDie Meta-Description ist ein HTML-Element im einer Seite, das deren Inhalt kurz zusammenfasst. Google kann sie als Beschreibung im Suchergebnis anzeigen.Zum Glossareintrag → und CanonicalDer Canonical-Tag ist ein HTML-Link-Element, das Suchmaschinen die bevorzugte (kanonische) URL einer Seite mitteilt. Er hilft, doppelte oder ähnliche URLs auf eine Hauptversion zu bündeln.Zum Glossareintrag → direkt verfügbar sind,
• interne LinksInterne Verlinkung bezeichnet Links, die Seiten innerhalb derselben Website miteinander verbinden. Sie steuern, wie Suchmaschinen und Nutzer Inhalte finden und thematisch einordnen.Zum Glossareintrag → als echte <a href>-Elemente crawlbarBeim Crawling ruft ein Suchmaschinen-Bot eine URL ab und lädt deren Inhalte herunter. Es ist der erste Schritt, bevor eine Seite indexiert werden kann.Zum Glossareintrag → sind,
• strukturierte DatenSchema Markup ist Code, der den Inhalt einer Webseite strukturiert beschreibt, sodass Suchmaschinen ihn nicht nur als Text, sondern als eindeutige Informationen verstehen.Zum Glossareintrag → serverseitig ausgegeben werden können.

SSR ist besonders sinnvoll für dynamische, häufig aktualisierte Seiten wie Shops, Produkt- und Kategorieseiten oder wichtige Landingpages. Bei Inhalten, die sich selten ändern, ist die statische Seitengenerierung (Static Site Generation) oft die einfachere Wahl. Moderne Frameworks kombinieren SSR häufig mit HydrationHydration bezeichnet den Vorgang, bei dem serverseitig geliefertes HTML im Browser durch JavaScript interaktiv gemacht wird. Das Markup ist bereits vorhanden, JavaScript fügt nur noch das Verhalten hinzu.Zum Glossareintrag →, damit die serverseitig gelieferte Seite anschliessend im Browser interaktiv wird.