Blog · 27.07.2026 · Josef Wilhelm · 8 Min.

SEO für Next.js: Die 5 Schalter zur auffindbaren Seite

Next.js gilt als das SEO-freundlichste React-Framework, und das stimmt sogar. Der Haken: „freundlich“ heißt nicht „automatisch“. Ein frisch generiertes Projekt bringt die besten Werkzeuge der Branche mit und benutzt keines davon. Der Title-Tag ist auf jeder Seite gleich, eine Sitemap existiert nicht, und ob dein Text überhaupt im ausgelieferten HTML steht, hat noch niemand geprüft. Fünf Schalter trennen deinen Prototyp von einer Seite, die Google lesen kann.

Quick Answer

Next.js liefert mit dem App Router alles Nötige ab Werk: die Metadata-API für Titel und Beschreibungen pro Seite, sitemap.ts für die automatische Sitemap, robots.ts und serverseitiges Rendering (Stand 2026). Aktiviert ist davon im Neuprojekt fast nichts. Du legst fünf Schalter um, prüfst per Quelltext, dass dein HTML wirklich server-gerendert ankommt, und startest dann eine Content-Routine.

Warum rankt dein Next.js-Projekt trotz gutem Fundament nicht?

Weil ein Fundament kein Haus ist. Next.js gibt dir die Bauteile, aber es füllt sie nicht mit deinen Inhalten. Der metadata-Export im Root-Layout vergibt einen Standardtitel, den jede Seite erbt, solange du nichts überschreibst; für Google sehen dann zehn Seiten aus wie eine. Eine Sitemap entsteht nur, wenn du die Datei anlegst. Und Server-Rendering ist zwar der Standard, aber ein unbedacht gesetztes 'use client' oder ein Datenabruf im Browser kann deinen Haupttext trotzdem aus dem initialen HTML kippen.

Kurz: Next.js beseitigt die technischen Hürden, die andere Baukästen einem in den Weg stellen. Was es nicht beseitigt, ist die Arbeit, die eigentliche SEO ausmacht. Die gute Nachricht: Diese Arbeit ist bei Next.js eine To-do-Liste, kein Umbau.

Welche fünf Schalter musst du umlegen?

Öffne dein Projekt und arbeite die Liste ab. Mit einem Coding-Agenten wie den in Cursor-Projekten beschriebenen Abläufen ist das ein Feierabend, von Hand zwei.

• ✓Metadata-API pro Route. Nutze den metadata-Export für statische Seiten und generateMetadata für dynamische. Jede Seite bekommt einen einzigartigen Title unter etwa 60 Zeichen und eine Description, die zum Klick einlädt. Der geerbte Layout-Titel ist nur ein Fallback, kein Ziel.
• ✓sitemap.ts anlegen. Eine Datei im app-Verzeichnis, die deine URLs aus derselben Datenquelle zieht wie die Seiten selbst. Next.js serviert daraus /sitemap.xml. Jede künftige Route ist automatisch dabei.
• ✓robots.ts ergänzen. Crawling erlauben, die Sitemap referenzieren, und die Produktion auf noindex-Reste aus der Vorschau prüfen. Ein vergessener noindex-Header ist der stille Killer.
• ✓JSON-LD einbauen. Organization auf der Startseite, Article und FAQPage auf Inhaltsseiten, als <script type="application/ld+json"> im server-gerenderten Markup. Strukturierte Daten sind der Teil, den auch KI-Suchsysteme am liebsten lesen.
• ✓Search Console verifizieren. Domain anmelden, Sitemap einreichen. Ab jetzt siehst du, für welche Anfragen du Impressionen sammelst: die Datenbasis für jede weitere Entscheidung.

Vier Schalter kosten Minuten, einer kostet Nachdenken: die Meta-Daten. Wie du Titles und Descriptions formulierst, die tatsächlich Klicks holen, steht ausführlicher im Überblick zum KI-gestützten SEO 2026.

Wie prüfst du, ob deine Seite wirklich server-gerendert ankommt?

Dieser Check ist der wichtigste im ganzen Artikel, weil er lautlos schiefgeht. Öffne eine Inhaltsseite, klick „Seitenquelltext anzeigen“ (nicht die Entwicklertools, die zeigen das fertig gerenderte DOM). Suche einen konkreten Satz aus deinem sichtbaren Text. Steht er im Quelltext, sieht ihn auch der Crawler. Steht dort nur ein leeres <div id="__next"> und ein Haufen JavaScript, rendert die Seite erst im Browser, und dein Inhalt ist für die erste Analyse unsichtbar.

Der Gegencheck über die Kommandozeile ist noch ehrlicher: curl -s https://deine-domain.de/deine-seite | grep "dein Satz". Kein Treffer heißt Handlungsbedarf. Die häufigste Ursache ist ein 'use client' weit oben im Baum oder ein Datenabruf, der erst im useEffect losläuft. Die Lösung: das Daten-Holen in eine Server Component verschieben, damit das HTML fertig ausgeliefert wird. Wer diesen Check auslässt, poliert Meta-Daten an einer Seite, deren Inhalt Google gar nicht erst zu sehen bekommt. Genau diese Falle trifft übrigens auch Projekte aus KI-Baukästen; wie sie sich bei v0-generierten Next.js-Projekten äußert, ist dort beschrieben.

App Router oder Pages Router: spielt es fürs Ranking eine Rolle?

Ehrliche Antwort: kaum. Beide Router liefern server-gerendertes HTML und können ranken. Der App Router bündelt die SEO-Werkzeuge nur bequemer als Dateikonventionen, sitemap.ts, robots.ts und die Metadata-API liegen direkt neben deinen Seiten. Im Pages Router erledigst du dasselbe über next/head für die Meta-Tags und eine API-Route oder ein Build-Skript für die Sitemap. Mehr Handarbeit, gleiches Ergebnis.

Wichtiger als die Router-Frage ist, dass du nicht aus Bequemlichkeit alles clientseitig rechnest. Ein 'use client' ist kein Verbrechen, aber es gehört an die Blätter des Baums, an interaktive Buttons und Formulare, nicht an die Seite, die deinen Kerninhalt trägt. Halte die Inhalts-Ebene serverseitig, dann ist die Router-Wahl eine Geschmacksfrage.

Was kommt nach der Technik?

Der unbequeme Teil: Die fünf abgehakten Schalter bringen dir keinen einzigen Besucher. Sie machen dich lesbar, nicht gelesen. Traffic entsteht erst, wenn deine Seite Fragen beantwortet, die deine Zielgruppe tatsächlich googelt. Nach deinem Produktnamen sucht am Anfang niemand.

Praktisch heißt das: Suchanfragen mit echtem Volumen sammeln, nach Chance sortieren, im Wochentakt ein bis zwei Artikel liefern, von denen jeder eine einzelne Frage erschöpfend behandelt, mit der Antwort ganz oben, einem FAQ-Block und internen Links auf verwandte Seiten. Die Themenwahl ist dabei der Punkt mit dem höchsten Verlustpotenzial: Ein Artikel ohne Nachfrage kostet dieselbe Arbeit wie einer mit und bringt exakt nichts. Und die Metrik der ersten Monate heißt Impressionen, nicht Klicks; erst wirst du angezeigt, dann geklickt. Wer das weiß, hält durch, statt nach vier Wochen aufzugeben.

FAQ

← Alle Artikel