Mehrsprachiges SEO in Next.js mit next-intl
Ein praktischer Leitfaden, um mit next-intl eine vollständig übersetzte, suchmaschinenfreundliche Website auszuliefern — inklusive Locale-Routing, hreflang-Tags und RTL-Unterstützung.
Mehran Hatami3 Min. LesezeitMehrsprachiges SEO ist mehr als das Übersetzen von Texten. Suchmaschinen müssen wissen, dass Ihre persischen, englischen und deutschen Seiten derselbe Inhalt in verschiedenen Sprachen sind — kein Duplicate Content, der gegeneinander konkurriert.
Locale-Routen und hreflang aus einer einzigen Konfiguration
Echtes mehrsprachiges SEO bedeutet eigene Routen, gespiegeltes Layout und hreflang pro Sprache — keine Übersetzung auf eine feste Struktur gepfropft.
next-intl macht locale-bewusstes Routing einfach: Jede Route wird mit ihrer Locale versehen, und eine zentrale routing.ts-Konfiguration definiert unterstützte Sprachen und die Standardsprache. Von dort aus wird das Erzeugen von hreflang-Alternativen und Metadaten pro Sprache (Titel, Beschreibung, Open-Graph-Tags) einfach: getTranslations innerhalb von generateMetadata für jede Seite.
Was leicht übersehen wird, ist die x-default-Alternative — der Hinweis, den Suchmaschinen nutzen, wenn sie einen Besucher keiner Ihrer expliziten Locales sicher zuordnen können. Verweisen Sie sie auf Ihre Standardsprache, statt sie wegzulassen.
RTL ist eine Layout-Frage, kein CSS-Schalter
RTL-Unterstützung verdient besondere Aufmerksamkeit. Es reicht nicht, nur direction: rtl umzudrehen — Abstände, Icons und Animationen, die physische left/right-Werte verwenden, müssen mit logischen Eigenschaften wie start/end neu gedacht werden, damit das Layout für persische Leser wirklich korrekt gespiegelt wird.
Richtig umgesetzt bedeutet mehrsprachiges SEO, dass jede Sprache nach ihren eigenen Regeln rankt, in ihrer eigenen Sprache, mit einem Layout, das sich für ihre Leser wirklich nativ anfühlt.