Next.js 15 SEO-Architektur: SSR, PPR und Server Components
Next.js 15 App Router mit React Server Components und experimentellem Partial Prerendering (PPR) bietet die optimale SEO-Architektur für AI-Sichtbarkeit: Serverseitig gerenderte Komponenten senden null Client-JavaScript, PPR liefert eine statische Shell von CDN während dynamischer Content als HTML nachstreamt.
Auf einen Blick
- ✓App Router ist für neues SEO-Arbeit dem Pages Router vorzuziehen
- ✓Server Components senden null Client-JavaScript — ideal für AI-Crawler
- ✓PPR pre-rendert statische Shell beim Build, streamt dynamischen Content als HTML
- ✓Metadata API bietet typsichere, hierarchische Metadaten mit Auto-Deduplizierung
- ✓sitemap.ts und robots.ts ersetzen Third-Party-Plugins
- ✓metadataBase ist kritisch — ohne es werden OG-Image-URLs relativ
- ✓View Transitions API hat null Crawlability-Impact
Next.js 15 ist die bevorzugte Framework-Architektur für SEO und AI-Sichtbarkeit — vorausgesetzt, man nutzt den App Router korrekt.
App Router vs. Pages Router
Der App Router ist für alle neuen SEO-Arbeiten dem Pages Router vorzuziehen. Seine Metadata API (generateMetadata, metadata Export) bietet typsichere, hierarchische Metadaten mit automatischer Deduplizierung. Die Dateikonventionen sitemap.ts und robots.ts ersetzen Third-Party-Plugins. Kritisch: metadataBase setzen — ohne es werden Open-Graph-Image-URLs relativ und Social-Plattformen können sie nicht abrufen.
Partial Prerendering (PPR)
PPR ist noch experimentell in Next.js 15, aber die vielversprechendste Rendering-Innovation. Es pre-rendert eine statische HTML-Shell beim Build-Zeitpunkt während Suspense-Boundary-Lücken für dynamischen Content offenbleiben, der bei der Anfrage als HTML nachstreamt. Die statische Shell wird sofort von CDN geliefert (verbessert TTFB und LCP), während gestreamter Content als HTML — nicht Client-JavaScript — für alle Crawler sichtbar ist.
View Transitions API
Die View Transitions API erreichte Baseline Newly Available im Oktober 2025. Sie hat null Impact auf Crawlability — Transitions sind rein visuelle CSS-Animationen, unsichtbar für Crawler. Next.js 15.2+ bietet experimentelle Integration via experimental.viewTransition: true.
Daten & Statistiken
Vercel reduzierte Total Blocking Time von 430ms auf 80ms mit Server Components
Vercel (nextjs.org) (2025)“Server-side rendering and static generation are the most reliable ways to ensure search engines and AI systems can access your content.”
— Guillermo Rauch, CEO Vercel