Zum Inhalt springen

Technisches SEO für Next.js

Crawlbarkeit, Canonicals, hreflang und strukturierte Daten im Render-Pfad verankert — aus einer einzigen Quelle erzeugt statt von Hand gepflegt.

Technisches SEO in einer Next.js-Anwendung ist kein Plugin. Es ist eine Eigenschaft davon, wie die Anwendung rendert, und es scheitert auf eine Weise, die im Browser unsichtbar bleibt: ein Canonical-Tag, das auf die falsche Sprachversion zeigt, ein hreflang-Cluster, das Übersetzungen bewirbt, die es nicht gibt, eine Sitemap, die aus einer anderen Routenliste erzeugt wurde als der, die der Router tatsächlich ausliefert.

Was wir prüfen

  • Crawl und Render. Was der Crawler im initialen HTML erhält gegenüber dem, was erst nach der Hydration erscheint — und welche Ihrer Inhalte nur im zweiten Fall existieren.
  • Kanonisierung. Trailing Slashes, Umgang mit Query-Parametern, Pagination und ob jede Route sich über ihre eigene Adresse einig ist.
  • Internationales Routing. Der vollständige hreflang-Cluster inklusive x-default, validiert gegen die tatsächlich vorhandenen Übersetzungen und nicht gegen die geplanten.
  • Strukturierte Daten. Ein zusammenhängender @graph mit stabilen @id-Referenzen statt vier unverbundener Blöcke, die jeweils die Organisation neu deklarieren.
  • Sitemaps und robots. Erzeugt aus derselben Routenquelle, aus der die Anwendung rendert, damit beide nicht auseinanderlaufen können.

Wie wir es beheben

Indem wir es unmöglich machen, es falsch zu machen. Canonicals, Alternates und strukturierte Daten werden von einem einzigen typisierten Helper erzeugt, den jede Route aufrufen muss. Eine Seite kann nicht ohne Canonical ausgeliefert werden, weil die Metadatenfunktion ohne ihn nicht kompiliert.

Diese Website ist genau so gebaut, und die Umsetzung ist öffentlich — der buildMetadata-Helper und der JSON-LD-Graph in diesem Repository sind dasselbe Muster, das wir für Kunden ausrollen.

Das messbare Ergebnis

Korrekte Indexierung der Routen, die Sie indexiert haben wollen — und sonst nichts. Rich Results, wo das Schema sie trägt. Ein hreflang-Cluster, den die Search Console ohne Warnungen validiert. Das sind keine Growth Hacks; das ist der Boden, auf dem eine Content-Strategie steht.

Häufige Fragen

Ist das Content-Marketing?
Nein. Das ist die technische Hälfte von SEO — was der Crawler erhält, wie Routen auflösen, ob Ihre Canonicals mit Ihrer Sitemap übereinstimmen, ob Ihre strukturierten Daten valide sind. Wir arbeiten neben Ihrem Content-Team, nicht an dessen Stelle.
Unsere Seiten rendern clientseitig. Ist das ein Problem?
Meistens ja, wenn auch selten fatal. Google rendert JavaScript, aber verzögert und mit Budget, und andere Crawler können deutlich weniger. Kritische Inhalte und Metadaten in den Server-Render zu verlagern, ist typischerweise die wirksamste verfügbare Änderung.
Betreuen Sie mehrsprachige Websites?
Ja, und genau dort brechen die meisten Next.js-Implementierungen. Teilübersetzungen, auf die hreflang zeigt, fehlendes x-default, Canonicals im Widerspruch zum Locale-Präfix — wir reparieren die Erzeugung, nicht die Symptome.