Know-how / Themen: 22

Next.js-SEO-Checkliste: der vollständige Leitfaden für den App Router (2026)

Next.js liefert alle Werkzeuge für gute Platzierungen in der Suche – aber keines davon wirkt „von selbst". Diese Checkliste geht jede SEO-Ebene im App Router durch: von der Rendering-Strategie über strukturierte Daten bis zur neuen Grenze – von KI-Antwortmaschinen zitiert zu werden.

Warum SEO in Next.js eine Checkliste ist und kein Plugin

In WordPress installieren Sie ein SEO-Plugin und füllen Felder aus. In Next.js ist SEO eine Reihe technischer Entscheidungen: wie die Seite gerendert wird, welches HTML der Crawler erhält, wie schnell sie lädt und wie klar sie sich Maschinen erklärt. Wenn eine Ebene falsch ist – etwa Produktbeschreibungen erst im Browser gerendert werden –, helfen auch die besten Meta-Tags nicht mehr.

Dieser Leitfaden geht jede Ebene der Reihe nach durch. Jeder Abschnitt endet mit konkreten Punkten zum Abhaken.

Möchten Sie die Checkliste lieber abgeben? Ich setze sie in Kundenprojekten als freiberuflicher Next.js-Entwickler um: vom einmaligen Audit bis zur Migration auf den App Router.

Next.js-SEO-Checkliste: der vollständige Leitfaden für den App Router (2026)

Index / 01—22

Themen des Leitfadens

  1. 01

    Rendering-Strategie: was sieht der Crawler wirklich?

    Wie SSG, ISR, SSR und CSR die Indexierung in Next.js beeinflussen, warum clientseitig gerenderte Inhalte für Crawler unsichtbar sind und wie Sie prüfen, was Bots sehen.

    →
  2. 02

    Metadata API: Titel, Beschreibungen und das Template-Muster

    Richtiger Einsatz der Metadata API in Next.js: metadataBase, Titel-Templates, generateMetadata für CMS-Inhalte und Deduplizierung von Abfragen mit React cache().

    →
  3. 03

    Canonical und hreflang: eine Seite, eine Adresse

    Canonical und hreflang in Next.js: Kampf gegen Duplikate, gegenseitige Sprachlinks, lokalisierte Slugs und ein korrektes x-default.

    →
  4. 04

    Open Graph und dynamische OG-Bilder

    Open Graph und dynamische OG-Bilder in Next.js über ImageResponse: automatische Vorschauen in 1200×630 für jede Seite.

    →
  5. 05

    sitemap.ts und robots.ts: Dateikonventionen statt handgeschriebenem XML

    sitemap.ts und robots.ts im App Router: ehrliches lastModified, Aufteilen großer Sitemaps und warum robots.txt Seiten nicht aus dem Index entfernt.

    →
  6. 06

    Strukturierte Daten: JSON-LD, das sich in Rich Results auszahlt

    Strukturierte Daten in JSON-LD für Next.js: serverseitiges Schema für Artikel, Breadcrumbs, FAQ und Produkte – typisiert über schema-dts.

    →
  7. 07

    Bilder, Schriften und Skripte: das klassische Performance-Trio

    Optimierung von Bildern, Schriften und externen Skripten in Next.js: priority und sizes in next/image, Self-Hosting über next/font und Ladestrategien.

    →
  8. 08

    Core Web Vitals: die drei Zahlen, die Google misst

    LCP, INP und CLS in Next.js: konkrete Korrekturen für jede Metrik, Labor- vs. Felddaten und Monitoring echter Nutzer über useReportWebVitals.

    →
  9. 09

    Weiterleitungen, 404 und Antwortcodes

    Weiterleitungen und Antwortcodes in Next.js: 308 vs. 307, permanentRedirect, echte 404 über notFound() sowie ein Index ohne Ketten und Soft-404.

    →
  10. 10

    Cache und Aktualität von Inhalten

    Wie sich Caching auf SEO in Next.js auswirkt: ISR plus Revalidierung per Webhook – sofortige Aktualität ohne SSR-Verzögerung bei jedem Crawl.

    →
  11. 11

    AEO/GEO: so werden Sie von ChatGPT, Perplexity und Google AI Overviews zitiert

    AEO/GEO für Next.js: wie Sie Inhalte für ChatGPT, Perplexity und Google AI Overviews lesbar und zitierfähig machen – robots, llms.txt und Antwortformat.

    →
  12. 12

    Monitoring: SEO ist eine Schleife, keine Startaufgabe

    SEO-Monitoring in Next.js: Arbeit mit der Search Console, Lighthouse-CI-Budgets, Protokollierung von KI-Crawler-Besuchen und Smoke-Tests nach Releases.

    →
  13. 13

    Vertrauen und E-E-A-T: so machen Sie Ihre Website glaubwürdig

    E-E-A-T-Signale auf einer Next.js-Seite: echte Autorenschaft, Person- und Organization-Schema, ehrliche Datumsangaben, zitierte Quellen und Belege für Erfahrung – für Google und KI-Suchmaschinen.

    →
  14. 14

    Bilder-SEO: wie Sie Bilder in Traffic verwandeln

    Bilder als Traffic-Kanal in Next.js: eigene Visualisierungen statt Stockfotos, Alt-Texte und Dateinamen, ImageObject-Schema mit Lizenz, Bilder-Sitemap und Kennzeichnung von KI-Bildern.

    →
  15. 15

    Interne Verlinkung und Website-Architektur

    Strategie für interne Links bei Next.js-Websites: Themencluster, beschreibende Ankertexte, Crawl-Tiefe, verwaiste Seiten und das Erzeugen von Blöcken verwandter Inhalte aus Daten.

    →
  16. 16

    Suchintention: Seiten für das, was Menschen wirklich suchen

    Suchintentionen auf Seitentypen in Next.js abbilden: informative vs. kommerzielle Anfragen, Long-Tail-Strategie, Titel für die Klickrate und das Leben im Zero-Click-Zeitalter.

    →
  17. 17

    Programmatic SEO mit Next.js: Seiten in großem Maßstab ohne Spam

    Programmatic SEO über generateStaticParams: Seiten aus Template und Daten, die Schwelle für einzigartigen Wert gegen Doorway-Spam und kostenlose Tools als Linkmagneten.

    →
  18. 18

    Migrations-SEO: der Umstieg auf Next.js ohne Traffic-Verlust

    Migrations-Playbook für Next.js: URL-Inventar, Weiterleitungsmap, Paritätsprüfung im Staging, Kontrolle am Starttag und was in den ersten Wochen normal ist.

    →
  19. 19

    Paginierung und Facettennavigation ohne aufgeblähten Index

    Paginierung und Filter in Next.js richtig gemacht: selbstreferenzierende Canonicals der Seiten, Infinite Scroll mit echten URLs und welche Filterkombinationen eine Indexierung verdienen.

    →
  20. 20

    Barrierefreiheit und SEO: eine Arbeit, zwei Gewinne

    Warum Barrierefreiheit in Next.js zugleich SEO ist: semantisches HTML, Überschriften, Alt-Texte und Linknamen – plus die EAA-Frist, die sie in der EU verbindlich macht.

    →
  21. 21

    Content Decay: auffrischen, zusammenführen oder entfernen

    Rankings erodieren von selbst: wie Sie schwächelnde Seiten in der Search Console erkennen und pro Seite entscheiden – aktualisieren, mit einer stärkeren zusammenführen oder ganz entfernen.

    →
  22. 22

    Off-Page für Entwickler: Links, die man nicht kauft

    Linkaufbau mit dem unfairen Vorteil eines Entwicklers: kostenlose Tools, eigene Daten, Open Source, Expertenkommentare und Syndication mit Canonical – und was Sie nie tun sollten.

    →

Praktische Checkliste

Praxisnahe SEO-Checkliste für Next.js, Abschnitt für Abschnitt: Rendering-Strategie, Metadata API, hreflang, strukturierte Daten, Core Web Vitals und Optimierung für KI-Suchmaschinen.

Kompakte Checkliste

Druckversion mit den wichtigsten Prüfpunkten für eine Next.js-Website:

  • Indexierbare Routen sind SSG/ISR; der Inhalt ist per curl sichtbar
  • metadataBase + Titel-Template + eindeutiger Title/Description auf jeder Seite
  • Selbstreferenzierende Canonicals; gegenseitiges hreflang mit x-default
  • OG-Tags + Bild in 1200×630 (wo möglich per ImageResponse generiert)
  • sitemap.ts mit ehrlichem lastModified; robots.ts ohne versehentliche Sperren
  • JSON-LD: Organization, Article, BreadcrumbList (+ FAQ/Product, wo nötig), serverseitig gerendert
  • next/image mit priority beim Hero-Bild, next/font, externe Skripte verzögert geladen
  • Core Web Vitals im Feld grün: LCP < 2,5 s, INP < 200 ms, CLS < 0,1
  • Saubere Weiterleitungen (keine Ketten), echte 404-Seiten, eine einheitliche URL-Form
  • ISR + Revalidierung per Webhook für aktuelle Inhalte
  • Umgang mit KI-Crawlern in der robots-Datei entschieden; Inhalte serverseitig und in Antwortform
  • Search Console im Blick; Lighthouse CI schützt vor Rückschritten
  • Namentlich genannte Autoren, Person-Schema mit sameAs, ehrliche Datumsangaben, zitierte Quellen (E-E-A-T)
  • Jede wichtige Seite hat eigene Bilder mit echtem Alt-Text
  • Keine verwaisten Seiten; alles in 3 Klicks erreichbar; beschreibende Ankertexte
  • Eine Suchintention pro Seite; Titel überarbeitet, wo die Klickrate hinter den Impressionen zurückbleibt
  • Programmatic-Seiten bieten echten Mehrwert; dünne Varianten stehen auf noindex
  • Migrationen laufen mit getesteter Ein-Sprung-Weiterleitungsmap und Paritätsprüfung
  • Paginierungsseiten mit Canonical auf sich selbst; Facetten aufgeteilt (Index / noindex / Sperre)
  • Hauptwege erfüllen WCAG 2.1 AA; A11y-Gate in der CI (Konformität mit dem BFSG/EAA)
  • Vierteljährliche Prüfung auf Content Decay: aktualisieren, zusammenführen oder entfernen
  • Mindestens ein verlinkbares Asset funktioniert; Erwähnungen ohne Link in Links umgewandelt

Brauchen Sie Unterstützung? Wir führen technische SEO-Audits und Geschwindigkeitsoptimierung für Next.js-Websites durch – einschließlich Mehrsprachigkeit und KI-Sichtbarkeit, die die meisten Audits auslassen.