← Zurück zu Wissen Technical SEO

Next.js SEO-Grundlagen.

Aktualisiert: August 2026

Next.js kann SEO- und GEO-freundlich sein, wenn Rendering-Modus und Metadaten korrekt konfiguriert sind — oder zum Problem werden, wenn man es beim Standardverhalten belässt, ohne bewusste Entscheidungen zu treffen.

Rendering-Strategie wählen

Static Site Generation (SSG) eignet sich für weitgehend statische Seiten, Server-Side Rendering (SSR) für dynamische Inhalte, Incremental Static Regeneration (ISR) als Mittelweg. Rein clientseitiges Rendering sollte für crawlbare, öffentliche Seiten vermieden werden.

Metadata API richtig nutzen

Die native Metadata API von Next.js erlaubt es, title, description, canonical-URLs und Open-Graph-Daten sauber und serverseitig zu setzen, statt sie manuell und fehleranfällig im <head> zusammenzubauen.

Strukturierte Daten einbinden

JSON-LD sollte serverseitig direkt im initialen HTML gerendert werden, nicht nachträglich per useEffect im Browser nachgeladen — sonst sehen Crawler ohne JavaScript-Ausführung die strukturierten Daten gar nicht.

Performance-Fallstricke

Häufige Probleme sind unoptimierte Bilder statt der next/image-Komponente, ungünstig geladene Web-Fonts ohne Fallback sowie unnötig viele Client-Components, die Interaktivität dorthin verschieben, wo reines HTML ausreichen würde.

Häufig gestellte Fragen

Next.js SEO — kurz beantwortet.

Beide können SEO-freundlich konfiguriert werden. Der App Router vereinfacht jedoch das serverseitige Handling von Metadaten und Rendering-Strategien gegenüber dem älteren Pages Router.

Nein. Das verschiebt Rendering in den Browser und kann für öffentliche, crawlbare Seiten Sichtbarkeitsprobleme verursachen — Client-Components sollten gezielt nur dort eingesetzt werden, wo echte Interaktivität nötig ist.

Am einfachsten über „View Source“ im Browser oder einen direkten curl-Request auf die URL — stehen die zentralen Inhalte bereits im rohen HTML, ist Server-Rendering aktiv.