Warum und wie ich meine Website lokalisiert habe

Ich habe meine Website lokalisiert, damit sie für Menschen in verschiedenen Sprachen nützlicher und für Suchmaschinen und KI-Systeme leichter zu finden und zu verstehen ist. Das Ziel ist eine bessere Auffindbarkeit durch SEO und GEO – keine Garantie für bessere Rankings oder Zitate.

Warum ich sie lokalisiert habe

Menschen suchen und stellen Fragen in ihrer eigenen Sprache. Klare, relevante Seiten in diesen Sprachen geben Suchmaschinen bessere Inhalte und generativen KI-Systemen mehr Kontext für ihre Antworten. So können mehr Menschen meine Arbeit entdecken, statt dass sie nur bei englischsprachigen Suchanfragen sichtbar ist.

Wie ich es umgesetzt habe

Ich habe die Lokalisierung als Teil der Website-Struktur behandelt und nicht nur als Übersetzungsrunde. Die folgenden Beispiele sind vereinfachte Ausschnitte aus meiner Next.js-Implementierung.

1. Jeder Sprache eine klare URL geben

Englisch ist die Standardsprache und bleibt auf der Root-Domain. Die anderen Sprachen erhalten ein Präfix, sodass dieselbe Seite in jeder Sprache eine stabile URL hat. Eine gemeinsame Liste der unterstützten Sprachen dient Routing und Sprachlinks als zentrale Quelle.

export const locales = ['en', 'de', 'es', 'fr', 'ja', 'pt'] as const;
export type Locale = (typeof locales)[number];
export const defaultLocale: Locale = 'en';

export function localizedPath(locale: Locale, pathname = '') {
  const path = pathname === '/' ? '' : pathname;
  return locale === defaultLocale ? path || '/' : `/${locale}${path}`;
}

2. Übersetzte Inhalte in Dictionaries verwalten

Jede Sprache hat ein eigenes Dictionary für Seitentitel, Beschreibungen, Navigation und Artikeltexte. Die Komponenten lesen aus dem aktiven Dictionary, statt sichtbare Texte fest einzubauen. So behalten übersetzte Seiten dasselbe Layout.

// src/locales/de.ts
pageTitles: {
  'blog/how-and-why-i-localized-my-website':
    'Warum und wie ich meine Website lokalisiert habe',
}

// In the page component
const title = t.pageTitles[articleKey];

3. Crawlern die Sprachversionen mitteilen

Für jede lokalisierte Seite lege ich eine eigene Canonical-URL fest und verknüpfe die entsprechenden Sprachversionen mit hreflang-Alternativen. Diese Routen kommen auch in die Sitemap. So werden die Beziehungen zwischen Übersetzungen klar angegeben – Rankings oder KI-Zitate sind dadurch nicht garantiert.

const pathname = `/${articleKey}`;
const url = localizedUrl(locale, pathname);

return {
  alternates: {
    canonical: url,
    languages: getLanguageAlternates(pathname),
  },
};

Dieses Muster funktioniert nicht nur für Blogartikel: Lokalisierte Navigation und Seitentexte machen die Website für Besucher nützlicher, während konsistente URLs und Metadaten jede Version leichter erkennbar machen. Die Übersetzungen müssen trotzdem korrekt und hilfreich sein – technische SEO ersetzt keine guten Inhalte.