Eine Webseite, die in einer Sprache perfekt aussieht, kann kaputtgehen, sobald eine zweite hinzukommt. Schaltflächen laufen über, Menüs brechen in drei Zeilen um, Datumsangaben erscheinen im falschen Format, und einzelne Buchstaben verwandeln sich in Fragezeichen. Das sind keine Übersetzungsfehler. Es sind Entwicklungsentscheidungen, die nie getroffen wurden.
Der beste Zeitpunkt, sich auf weitere Sprachen vorzubereiten, ist vor der ersten Seite. Eine mehrsprachige Seite lässt sich leichter planen als reparieren, und etwas Vorarbeit erspart viel Nacharbeit. Dieser Leitfaden zeigt, was Entwickler früh klären sollten.
Inhalt und Code trennen
Schreiben Sie nie Text fest in Vorlagen. Speichern Sie jede sichtbare Zeichenkette in einer Ressourcendatei oder einem Content-System, damit Übersetzer arbeiten können, ohne den Code anzufassen. So lässt sich auch später eine Sprache ergänzen, ohne die Oberfläche neu zu bauen. Die Grundsätze beschreibt der Artikel zur Internationalisierung und Lokalisierung.
Vermeiden Sie Sätze, die aus Bruchstücken zusammengesetzt werden. Eine Zeile wie Sie haben, dann eine Zahl, dann neue Nachrichten funktioniert im Deutschen, scheitert aber in Sprachen, in denen sich Wortstellung oder Pluralform ändern.
Überall Unicode verwenden
Setzen Sie UTF-8 in der Datenbank, auf dem Server, im HTML und in der Schnittstelle. Gemischte Zeichensätze sind der häufigste Grund dafür, dass Umlaute und nichtlateinische Schriften unlesbar werden. Testen Sie früh mit Namen wie Müller, Łukasz oder Анна, um Probleme in Formularen, Suche und Exporten zu entdecken.
Prüfen Sie auch die Schriftarten. Eine Schrift, die in lateinischen Buchstaben elegant wirkt, kann kyrillische, griechische oder arabische Zeichen nicht enthalten, und der Browser ersetzt sie dann durch etwas Hässliches.
Textlänge im Layout einplanen
Je nach Sprache wird ein Text deutlich länger oder kürzer. Eine kurze Beschriftung kann sich in der Breite verdoppeln. Verwenden Sie flexible Container, vermeiden Sie feste Höhen und testen Sie Layouts zuerst mit den längsten Sprachen. Ein Entwurf, der das übersteht, funktioniert meist auch überall sonst.
Lassen Sie in Navigationsmenüs, Tabellen und Formularbeschriftungen Platz. Abgeschnittene Texte gehören zu den häufigsten Beschwerden von Nutzern in neuen Märkten.
Schriftsysteme und Leserichtung beachten
Sprachen wie Arabisch und Hebräisch werden von rechts nach links gelesen, was Layout, Symbole und Navigation betrifft. Moderne CSS-Techniken mit logischen Eigenschaften machen das Spiegeln deutlich einfacher als früher. Entscheiden Sie früh, ob solche Sprachen auf der Roadmap stehen.
Auch für andere Schriften gelten eigene Regeln für Zeilenumbruch und Sortierung. Richtet sich Ihr Angebot an Menschen in der Türkei oder an türkischsprachige Kunden, sorgt eine fachkundige Türkisch-Übersetzung dafür, dass Texte zur Oberfläche passen und die richtige Fachsprache nutzen. Das Türkische hat zum Beispiel besondere Buchstaben, die in schlechten Schriftarten fehlen.
Datum, Zahlen und Währungen lokal darstellen
Bauen Sie Datumsangaben niemals von Hand zusammen. Nutzen Sie die Formatierungswerkzeuge der Plattform, damit 03.04. in jedem Land richtig gelesen wird, Dezimalkomma und Tausendertrennzeichen stimmen und Währungen an der erwarteten Stelle stehen. Zeitzonen verdienen dieselbe Sorgfalt, vor allem bei Buchungs- und Veranstaltungsfunktionen.
URLs und Sprachwechsel gestalten
Entscheiden Sie, ob jede Sprache in einem Unterordner, einer Subdomain oder einer eigenen Domain liegt. Für die meisten Projekte sind Unterordner am einfachsten zu pflegen. Geben Sie jeder Seite pro Sprache eine stabile URL, ergänzen Sie hreflang-Angaben und lassen Sie Nutzer die Sprache wechseln, ohne ihre Stelle zu verlieren.
Zwingen Sie keine Sprache allein aufgrund des Standorts auf. Ein Reisender in Spanien möchte die Seite vielleicht trotzdem auf Deutsch lesen.
Video und Audio in die Planung einbeziehen
Viele Seiten enthalten Erklärvideos, Podcasts oder Webinare. Ohne Text sind sie für Suchmaschinen und für Nutzer, die lieber lesen, kaum zugänglich. Ein Transkript schafft Abhilfe und liefert Übersetzern eine saubere Vorlage. Der Ratgeber zur Audio- und Videotranskription zeigt, wie Aufnahmen für genaue Texte vorbereitet werden.
Ist das Transkript vorhanden, entstehen daraus Untertitel, Artikel und übersetzte Seiten, ohne etwas neu aufzunehmen.
Einen Übersetzungsworkflow einrichten
Manuelles Kopieren skaliert nicht. Binden Sie die Webseite an einen Übersetzungsprozess an, damit neue oder geänderte Texte automatisch an Übersetzer gehen und veröffentlichungsreif zurückkommen. Geben Sie den Übersetzern Kontext, zum Beispiel Screenshots oder Hinweise, wo ein Text erscheint. Ein einzelnes Wort wie Zurück kann je nach Bildschirm Unterschiedliches bedeuten.
Vor dem Start in jeder Sprache testen
Führen Sie eine sprachliche Prüfung in der echten Oberfläche durch. Kontrollieren Sie abgeschnittene Beschriftungen, defekte Zeichen, falsche Pluralformen und Links, die in die falsche Sprache führen. Lassen Sie einen Muttersprachler die wichtigsten Wege durchklicken, von der Startseite bis zum Kontaktformular.
Automatische Tests helfen, aber nur ein menschlicher Prüfer erkennt seltsame Formulierungen und kulturelle Fehltritte, die Skripte übersehen.
Barrierefreiheit und Suchmaschinen
Screenreader müssen wissen, in welcher Sprache eine Seite oder ein Absatz verfasst ist, setzen Sie das Sprachattribut daher auf jeder Seite korrekt. Alternativtexte für Bilder müssen übersetzt werden, und Fehlermeldungen in Formularen sollten in jeder Version verständlich sein. Übersetzen Sie auch Metadaten und strukturierte Daten und achten Sie darauf, dass die Sitemap jede Sprachversion enthält.
Pflege nach dem Start
Sprachen brauchen dauerhafte Aufmerksamkeit. Wird eine neue Funktion ergänzt, müssen die Texte vor der Veröffentlichung übersetzt sein, nicht danach. Vereinbaren Sie einen einfachen Prozess, eine verantwortliche Person pro Sprache und eine regelmäßige Auswertung der Zahlen je Markt.
Arbeiten Entwickler und Übersetzer als ein Team, wird das Hinzufügen einer Sprache zur Routine statt zur Krise.
