Technische SEO für Next.js-Websites: Crawling, Rendering und strukturierte Daten

„Wir nutzen Next.js, also ist SEO erledigt." Dieser Satz ist der häufigste teure Irrtum moderner Web-Projekte. Ein modernes Framework macht hervorragendes SEO möglich — automatisch ist es nicht. Falsch gebaut rankt eine Next.js-Seite schlechter als ein sauberes klassisches CMS.

Technische SEO ist hier kein Plugin, sondern eine Bauentscheidung an wenigen klaren Stellen.

Was Google wirklich liest

Google bewertet die ausgelieferte Seite: Ist der Inhalt da, ist die Struktur klar, sind die Signale eindeutig? Der Google SEO Starter Guide nennt genau diese Grundlagen — und keine davon entsteht durch die Wahl des Frameworks, sondern durch die Art, wie man es einsetzt.

Vier Stellen, an denen Next.js-SEO entschieden wird

1. Rendering: Inhalt muss ohne Klick da sein

Wenn der eigentliche Inhalt erst nach clientseitigem JavaScript erscheint, ist er für Crawler im schlechtesten Fall unsichtbar. Server-gerendertes oder statisch erzeugtes HTML ist hier kein Performance-Detail, sondern die Voraussetzung für Auffindbarkeit (siehe Next.js App Router).

2. Metadaten pro Route, nicht global

Ein Titel und eine Description für die ganze Seite ist kein SEO. Jede Route braucht eigene, sinnvolle Metadaten, eine eindeutige Canonical und — bei Mehrsprachigkeit — korrekte hreflang-Verweise. Genau hier scheitern die meisten Next.js-Projekte still.

3. Strukturierte Daten als Bauteil

Maschinenlesbare Auszeichnung (Schema/JSON-LD) macht aus Inhalt eine verständliche Aussage für die Suche. Das gehört in die Komponenten, nicht in einen späteren Sprint (siehe Google Structured Data).

4. Saubere Routen, Sitemap, interne Links

Eindeutige URLs, eine korrekte Sitemap und durchdachte interne Verlinkung sind kein Beiwerk — sie sagen der Suche, was wichtig ist und wie alles zusammenhängt. Eine technisch perfekte Seite ohne interne Linkstruktur verschenkt ihre Stärke.

Performance ist Teil der technischen SEO

Schnelles, ruhiges Ausliefern ist kein separates Thema, sondern Teil derselben Disziplin: Was langsam lädt oder springt, verliert Nutzer und Sichtbarkeit zugleich (siehe Core Web Vitals 2026). Next.js gibt die Werkzeuge dafür — nutzen muss man sie bewusst.

Checkliste für Next.js-SEO

Ist der Kerninhalt im ausgelieferten HTML, nicht erst nach JS?
Hat jede Route eigene Metadaten und eine eindeutige Canonical?
Sind bei Mehrsprachigkeit hreflang-Verweise korrekt?
Sind strukturierte Daten als Komponente eingebaut?
Sind URLs sauber und die Sitemap korrekt?
Gibt es eine durchdachte interne Verlinkung?
Ist die Seite schnell und ruhig (Core Web Vitals)?

Häufige Fragen

Macht Next.js SEO nicht automatisch gut? Nein. Es macht es möglich. Ohne serverseitiges Rendering, Per-Route-Metadaten und saubere Signale rankt auch eine moderne Seite schlecht.

Reicht ein SEO-Plugin? Im klassischen CMS oft. In Next.js sind die Hebel Code-Entscheidungen — Rendering, Metadaten, strukturierte Daten — kein nachträgliches Plugin.

Was ist der häufigste stille Fehler? Globale statt routen-spezifische Metadaten und Canonicals. Die Seite sieht fertig aus, aber jede Unterseite konkurriert mit sich selbst.

Brauchen wir SSR für alles? Nicht zwingend SSR, aber crawlbaren Inhalt. Statische Generierung erfüllt das oft schneller und stabiler als reines Client-Rendering.

Fazit

Technische SEO für Next.js entscheidet sich an Rendering, Per-Route-Metadaten, strukturierten Daten, sauberen Routen und Performance — nicht an der Framework-Wahl. Wer diese wenigen Stellen bewusst baut, macht aus „modern" auch „auffindbar". Wer sie übergeht, hat eine schnelle Seite, die niemand findet.

Weiterlesen

Core Web Vitals 2026: Performance für SEO und Conversion — Performance als Teil der technischen SEO.
Web-App mit Next.js: B2B-Portal entwickeln — dieselben Bauentscheidungen an einem konkreten System.

Nächster Schritt

Ihre Next.js-Seite ist schnell, wird aber nicht gefunden? Beginnen Sie mit einer kurzen Einschätzung Ihrer Anforderungen. Wir prüfen Rendering, Metadaten, strukturierte Daten und interne Verlinkung.

Quellen

Next.js Docs, App Router — nextjs.org
Google Search Central, SEO Starter Guide — developers.google.com
Google Search Central, Structured Data — developers.google.com