# Static Site Generation (SSG)

Kategorie: [Rendering & JavaScript](https://seo-geo-glossary.com/de/glossar/kategorie/rendering-javascript/) › [Rendering-Verfahren](https://seo-geo-glossary.com/de/glossar/kategorie/rendering-javascript/rendering-verfahren/) · Auch genannt: SSG, Static Rendering, Static Site Generator

**Static Site Generation (SSG)** bedeutet, dass die HTML-Dateien einer Website schon beim Build erzeugt werden, nicht erst beim Aufruf. Der Server liefert fertige, statische Dateien aus, häufig über ein CDN. Das gängige Werkzeug dafür ist ein Static Site Generator wie Next.js im Export-Modus, Astro, Hugo oder Eleventy.

## Wie funktioniert SSG?

Beim Build läuft der Code einmal pro Seite und schreibt das Ergebnis als HTML-Datei. Next.js beschreibt das so: `next build` erzeugt eine HTML-Datei je Route, die auf jedem Webserver ausgeliefert werden kann, der statische Dateien bereitstellt. web.dev nennt als Vorteil eine schnelle erste Darstellung (FCP) und eine durchgehend niedrige TTFB, da der Server nichts berechnen muss.

## Grenzen

- **Änderungen brauchen einen neuen Build.** Ändert sich ein Inhalt, muss die Seite neu erzeugt und veröffentlicht werden. Verfahren wie Incremental Static Regeneration (ISR) erneuern einzelne Seiten ohne vollständigen Build, in Next.js allerdings nicht im reinen statischen Export.
- **Viele dynamische Seiten.** web.dev nennt es anspruchsvoll bis undurchführbar, wenn sich die URLs nicht vorab bestimmen lassen oder die Website sehr viele einzigartige Seiten hat.
- **Keine Logik pro Anfrage.** Cookies, Redirects und Header-Regeln der Next.js-Konfiguration gehören laut Doku zu den Funktionen, die im statischen Export nicht unterstützt werden.

## SSG und SEO

Das fertige HTML enthält den Inhalt bereits. Crawler müssen kein JavaScript ausführen, um Text und Links zu sehen. Google empfiehlt statt Dynamic Rendering, das es als Workaround und nicht als empfohlene Lösung bezeichnet, Server-Side Rendering, Static Rendering oder Hydration.

## Beispiel

```bash
npm run build
# erzeugt z. B. out/index.html, out/blog/post-1.html
```

Die Dateien aus `out/` liegen anschließend auf einem Webserver oder CDN. Jede URL entspricht einer fertigen HTML-Datei.

## Häufige Fehler

- **Dynamische Routen ohne bekannte Parameter.** In einem statischen Next.js-Export sind dynamische Routen ohne `generateStaticParams()` nicht unterstützt. Das Framework meldet das schon in der Entwicklung als Fehler.
- **Serverkonfiguration für 404 vergessen.** Die Next.js-Doku zeigt für einen statischen Host wie Nginx eine Konfiguration mit `try_files $uri $uri.html $uri/ =404` und `error_page 404 /404.html`, damit unbekannte URLs mit dem Status 404 antworten.
- **Static Rendering mit Prerendering gleichsetzen.** Laut web.dev sind statisch gerenderte Seiten auch ohne viel JavaScript bedienbar. Prerendering verbessert dagegen nur die erste Darstellung einer Single-Page-Application, die im Browser noch starten muss. Ein Test mit abgeschaltetem JavaScript zeigt den Unterschied.

## Rendering-Arten im Vergleich

| Art | Wo und wann entsteht das HTML? | Inhalt schon im ausgelieferten HTML? | Einordnung durch Google |
|---|---|---|---|
| Client-Side Rendering (CSR) | im Browser per JavaScript; Daten, Templates und Routing laufen auf dem Client | nein, erst nach Ausführen von JavaScript | Google rendert Seiten mit Status 200 in einem eigenen Schritt nach dem Crawlen und empfiehlt Server-Side- oder Pre-Rendering, weil nicht alle Bots JavaScript ausführen |
| Server-Side Rendering (SSR) | auf dem Server, bei jeder Anfrage | ja | von Google als Lösung empfohlen (statt Dynamic Rendering) |
| Static Site Generation (SSG, statisches Rendering) | beim Build; meist vorab eine HTML-Datei je URL | ja | von Google als Lösung empfohlen (statt Dynamic Rendering) |
| Incremental Static Regeneration (ISR) | beim Build vorgerendert; nach Ablauf der Revalidierungszeit erzeugt der Server die Seite im Hintergrund neu (Framework-Funktion, z. B. Next.js) | ja, aus dem Cache; bis zur Neuerzeugung wird die ältere Version ausgeliefert | keine eigene Angabe von Google |
| Prerendering | beim Build; die clientseitige App wird ausgeführt und ihr Startzustand als statisches HTML gespeichert | ja (Startzustand) | Google nennt Server-Side- oder Pre-Rendering weiterhin „eine gute Idee“, weil es Seiten für Nutzer und Crawler schneller macht |
| Dynamic Rendering | ein Rendering-Server erzeugt HTML nur für erkannte Crawler; Nutzer erhalten die clientseitig gerenderte Version | nur in der Version für Crawler | laut Google ein Workaround und keine dauerhafte Lösung; gilt nicht als Cloaking, solange Nutzer und Crawler ähnliche Inhalte sehen |

Quellen: [web.dev: Rendering on the Web](https://web.dev/articles/rendering-on-the-web); [Google Search Central: Understand JavaScript SEO basics (last updated 2026-03-04)](https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics); [Google Search Central: Dynamic rendering as a workaround (last updated 2025-12-10)](https://developers.google.com/search/docs/crawling-indexing/javascript/dynamic-rendering); [Next.js Docs: How to implement Incremental Static Regeneration (ISR)](https://nextjs.org/docs/app/guides/incremental-static-regeneration). Stand: 8. Oktober 2026

*Grafik: Wo das HTML entsteht: CSR, SSR, SSG.* Entscheidend für Crawler ist, ob der Inhalt schon in der ersten HTML-Antwort steht. Google empfiehlt Server-Side Rendering oder Prerendering; Dynamic Rendering bezeichnet Google als Workaround, keine Dauerlösung.

## Verwandte Begriffe

- [Server-Side Rendering (SSR)](https://seo-geo-glossary.com/de/glossar/server-side-rendering/index.md)
- [Client-Side Rendering (CSR)](https://seo-geo-glossary.com/de/glossar/client-side-rendering/index.md)
- [Incremental Static Regeneration](https://seo-geo-glossary.com/de/glossar/incremental-static-regeneration/index.md)
- [Hydration](https://seo-geo-glossary.com/de/glossar/hydration/index.md)
- [CDN (Content Delivery Network)](https://seo-geo-glossary.com/de/glossar/cdn/index.md)
- [Pre-Rendering](https://seo-geo-glossary.com/de/glossar/pre-rendering/index.md)

## Quellen

- [Rendering on the Web – web.dev](https://web.dev/articles/rendering-on-the-web)
- [Static exports – Next.js Docs (Stand 09.08.2026)](https://nextjs.org/docs/app/guides/static-exports)
- [Dynamic rendering as a workaround – Google Search Central (Stand 10.12.2025)](https://developers.google.com/search/docs/crawling-indexing/javascript/dynamic-rendering)

---

Stand: 8. Oktober 2026
URL: https://seo-geo-glossary.com/de/glossar/static-site-generation/