Schnelle Antwort
Um eine Website zu lokalisieren: (1) Codebase internationalisieren (Strings externalisieren, UTF-8 unterstützen), (2) URL-Struktur für Sprachen einrichten (/de/, /en/), (3) Content mit KI-Tools wie IntlPull oder professionellen Übersetzern übersetzen, (4) hreflang-Tags für SEO implementieren, (5) Bilder, Daten und Währungen für jedes Locale anpassen, (6) Mit Muttersprachlern testen.
Was ist Website-Lokalisierung?
Website-Lokalisierung ist die Anpassung Ihrer Website für verschiedene Sprachen, Regionen und Kulturen. Es geht über Übersetzung hinaus:
| Element | Was sich ändert |
|---|
| Sprache | Text, Navigation, Formulare, Fehler |
| Formate | Daten, Zahlen, Währungen, Adressen |
| Design | Layout für RTL, Textexpansion, Bilder |
| SEO | Meta-Tags, URLs, hreflang |
Schritt 1: Technische Vorbereitung (i18n)
Text externalisieren
1// Vorher (hardcoded)
2<button>Submit</button>
3
4// Nachher (externalisiert)
5<button>{t('form.submit')}</button>
UTF-8 Zeichenkodierung
Flexible Layouts
1.button {
2 min-width: 100px;
3 padding: 0.5rem 1rem;
4}
Schritt 2: URL-Struktur
| Struktur | Beispiel | Vorteile |
|---|
| Unterverzeichnis | example.com/de/ | Einfaches Setup |
| Subdomain | de.example.com | Separates Hosting möglich |
| ccTLD | example.de | Starkes lokales Signal |
Empfehlung: Unterverzeichnis (/de/, /fr/) für die meisten Sites.
Schritt 3: Content-Übersetzung
Prioritäten setzen
| Priorität | Content-Typ | Ansatz |
|---|
| Hoch | Homepage, Landing Pages | Human oder KI + Review |
| Mittel | Blog-Posts | KI + leichtes Review |
| Niedrig | Rechtliche Seiten | Professionelle Übersetzung |
KI-Übersetzung mit IntlPull
npx @intlpullhq/cli extract --source ./src
npx @intlpullhq/cli translate --target de,fr,es
npx @intlpullhq/cli download --output ./locales
Schritt 4: Internationales SEO
1<head>
2 <link rel="alternate" hreflang="en" href="https://example.com/page/" />
3 <link rel="alternate" hreflang="de" href="https://example.com/de/seite/" />
4 <link rel="alternate" hreflang="x-default" href="https://example.com/page/" />
5</head>
Übersetzte URLs
| Sprache | URL |
|---|
| Englisch | /products/winter-jacket/ |
| Deutsch | /de/produkte/winterjacke/ |
| Französisch | /fr/produits/veste-hiver/ |
Schritt 5: Kulturelle Anpassung
| Region | Datumsformat |
|---|
| US | MM/DD/YYYY |
| Europa | DD/MM/YYYY |
| Japan | YYYY/MM/DD |
Zahlen und Währungen
| Region | Zahl | Währung |
|---|
| US | 1,234.56 | $1,234.56 |
| Deutschland | 1.234,56 | 1.234,56 € |
Schritt 6: Testen
Funktionales Testen:
- ✓ Alle Seiten laden in allen Sprachen
- ✓ Sprachumschalter funktioniert
- ✓ Formulare validieren korrekt
- ✓ URLs sind richtig formatiert
Visuelles Testen:
- ✓ Kein Textüberlauf
- ✓ RTL-Layouts korrekt
- ✓ Schriften unterstützen alle Zeichen
| Plattform | Empfohlene Tools |
|---|
| WordPress | WPML, Polylang, Weglot |
| Next.js | next-intl, IntlPull |
| React | react-i18next, IntlPull |
| Vue | vue-i18n, IntlPull |
Zeitplan und Budget
| Phase | Dauer |
|---|
| Planung | 1 Woche |
| i18n Setup | 1-2 Wochen |
| Übersetzung | 1-3 Wochen |
| Integration | 1 Woche |
| Testing | 1 Woche |
Gesamt: 5-9 Wochen für Marketing-Site.
Zusammenfassung
Website-Lokalisierung erfordert Aufmerksamkeit für:
| Phase | Hauptaktionen |
|---|
| Technisch | i18n Code, URL-Struktur, UTF-8 |
| Content | KI oder Human-Übersetzung |
| SEO | hreflang, übersetzte URLs |
| Kulturell | Formate, Bilder |
| Testing | Funktional, visuell |
Bereit Ihre Website zu lokalisieren? Starten Sie kostenlos mit IntlPull
