logoNext.js
DokumentationBlogLernen

Rendering-Strategien

Statische Seiten-Generierung (SSG)

Bei der statischen Seiten-Generierung wird Ihr HTML zum Build-Zeitpunkt generiert. Dieses HTML wird dann für jede Anfrage verwendet. Die statische Seiten-Generierung ist wahrscheinlich die beste Rendering-Strategie für SEO, da nicht nur das gesamte HTML beim Seitenaufruf verfügbar ist, weil es vorgerendert wurde, sondern sie auch die Seitenleistung verbessert – was ebenfalls ein Ranking-Faktor für SEO ist.

Server-seitiges Rendering (SSR)

Ähnlich wie SSG ist das Server-seitige Rendering (SSR) vorgerendert, was es ebenfalls hervorragend für SEO macht. Im Gegensatz zur SSG, bei der das HTML zum Build-Zeitpunkt generiert wird, erfolgt die Generierung des HTML bei SSR zur Laufzeit. Dies ist ideal für sehr dynamische Seiten.

Inkrementelle statische Regenerierung (ISR)

Wenn Sie eine sehr große Anzahl von Seiten haben, ist es möglicherweise nicht praktikabel, alle zum Build-Zeitpunkt zu generieren. Next.js ermöglicht es Ihnen, statische Seiten nach dem Build Ihrer Website zu erstellen oder zu aktualisieren.

Die inkrementelle statische Regenerierung ermöglicht es Entwicklern und Content-Editoren, die statische Generierung auf einzelne Seiten anzuwenden, ohne die gesamte Website neu bauen zu müssen. Mit ISR können Sie die Vorteile der statischen Generierung beibehalten und gleichzeitig Millionen von Seiten skalieren.

Client-seitiges Rendering (CSR)

Das Client-seitige Rendering ermöglicht es Entwicklern, ihre Websites vollständig im Browser mit JavaScript zu rendern. Beim initialen Seitenaufruf wird in der Regel eine einzelne HTML-Datei mit wenig bis keinem Inhalt ausgeliefert, bis das JavaScript geladen und vom Browser verarbeitet wurde.

Wie bereits erwähnt, wird das Client-seitige Rendering im Allgemeinen nicht für optimales SEO empfohlen.

CSR ist ideal für datenintensive Dashboards, Kontoseiten oder jede Seite, die nicht in Suchmaschinen indiziert werden muss.

Zusammenfassung

Das Wichtigste für SEO ist, dass Seiten-Daten und Metadaten beim Seitenaufruf ohne JavaScript verfügbar sind. In diesem Fall sind SSG oder SSR die besten Optionen.

Eine der großen Stärken von Next.js ist, dass jede der oben genannten Rendering-Methoden auf einzelne Seiten angewendet werden kann. Sie könnten beispielsweise Ihre Blog-Beiträge statisch generieren lassen, Ihr Kunden-Dashboard client-seitig rendern und einen Newsfeed server-seitig rendern.

Weiterführende Literatur

Rendering und Ranking

Previous Page

Was ist mit AMP?

Next Page

On this page