Kompatibilität:

WebSite X5 Evo und Pro ab Version 2025.2

Beim Erstellen einer mehrsprachigen Website ist es wichtig, nicht nur auf die Übersetzungen zu achten, sondern auch auf die spezifischen Merkmale jeder Sprache. Einige Sprachen wie Italienisch oder Englisch werden von links nach rechts geschrieben und gelesen – das ist das sogenannte LTR-Format (Left-To-Right).

Andere Sprachen wie Arabisch, Hebräisch, Urdu oder Persisch verlaufen in entgegengesetzter Richtung: Sie werden von rechts nach links geschrieben und gelesen und werden als RTL-Formate (Right-To-Left) bezeichnet.


Um eine gute Lesbarkeit und ein konsistentes Nutzererlebnis zu gewährleisten, muss sich auch das Layout der Website – und nicht nur der Text – an dieser Leserichtung orientieren. Mit WebSite X5 lassen sich Websites erstellen, die das RTL-Format vollständig unterstützen und sowohl Inhalte als auch Seitenstruktur entsprechend anpassen.


In dieser Anleitung zeigen wir Schritt für Schritt, wie ein Projekt korrekt für eine RTL-Sprache eingerichtet wird.


Wie man die Schreibrichtung eines Projekts festlegt

Angenommen, es soll eine neue Website in einer RTL-Sprache erstellt werden, zum Beispiel Arabisch. Um die Schreibrichtung festzulegen, gehen Sie wie folgt vor:

  • Starten Sie WebSite X5 und erstellen Sie ein neues Projekt, indem Sie das gewünschte Template auswählen.
  • Gehen Sie zu Schritt 1 – Einstellungen, klicken Sie auf Allgemeine Einstellungen und geben Sie die erforderlichen Informationen ein, z. B. den Titel der Website oder das zugehörige Icon.
  • Wenn WebSite X5 bereits auf Arabisch installiert ist, wird diese Sprache automatisch als Inhaltssprache übernommen. Sie können aber auch die Option Inhaltssprache verwenden, um Arabisch manuell festzulegen.
  • Bei der Option Schreibrichtung belassen Sie die Standardeinstellung Automatisch je nach Sprache: Da Arabisch als Inhaltssprache gewählt wurde, wird der RTL-Modus automatisch aktiviert.


Wenn Sie hingegen eine bestehende Website an eine RTL-Sprache anpassen möchten, ist das Verfahren ähnlich, weist jedoch einige Besonderheiten auf. Beispielsweise könnten Sie eine Kopie eines englischen Projekts (LTR-Sprache) erstellt haben, die Sie nun für eine arabische Version (RTL-Sprache) verwenden möchten.

  • Starten Sie WebSite X5 und öffnen Sie das Projekt, an dem Sie arbeiten möchten – in unserem Beispiel die Kopie des Originals.
  • Gehen Sie zu Schritt 1 – Allgemeine Einstellungen, klicken Sie auf Allgemeine Einstellungen und prüfen Sie, ob alle erforderlichen Informationen korrekt sind: Titel und Beschreibung der Website müssen lokalisiert sein.
  • Wählen Sie Arabisch als Inhaltssprache aus und lassen Sie bei der Option Schreibrichtung die Einstellung Automatisch je nach Sprache bestehen: So wird der RTL-Modus automatisch aktiviert.
  • Beim Wechsel von einer LTR-Sprache (Englisch im ursprünglichen Projekt) zu einer RTL-Sprache (Arabisch) erscheint ein Dialogfeld, in dem Sie gefragt werden, wie die Inhalte behandelt werden sollen.Sie können zwischen folgenden Optionen wählen:
    • Alle Inhalte automatisch spiegeln: In diesem Fall ändert das Programm nicht nur die Schreibrichtung der Texte, sondern passt auch die Anordnung der Inhalte auf der Seite automatisch an. Diese werden entlang einer gedachten vertikalen Achse in der Mitte der Seite gespiegelt. Wählen Sie diese Option, wenn das Layout dem ursprünglichen LTR-Design entspricht.
    • Inhalte unverändert lassen: In diesem Fall wird lediglich die Schreibrichtung der Texte geändert, die Position der Inhalte auf der Seite bleibt jedoch gleich. Wählen Sie diese Option, wenn Sie das Layout bereits manuell an ein RTL-Design angepasst haben.
  • Nachdem Sie Ihre Wahl bestätigt haben, öffnen Sie die lokale Vorschau. Nun wird der Text von rechts nach links gelesen. Falls Sie die Spiegelung der Inhalte aktiviert haben, wurden auch diese korrekt angepasst: z. B. befindet sich das Logo, das zuvor links im Header war, nun rechts; die Navigationsmenüpunkte sind in umgekehrter Reihenfolge angeordnet; Formularbeschriftungen stehen rechts neben den Feldern; ein Text mit einem rechts ausgerichteten Bild wird nun mit dem Bild links und dem Text rechts angezeigt.


#Tipp – Wenn die Inhalte gespiegelt werden, aktualisiert das Programm automatisch die Anordnung der Objekte im Raster von Schritt 3. So ist stets gewährleistet, dass das, was im Arbeitsbereich, in der lokalen Vorschau und im Online-Browser angezeigt wird, übereinstimmt.


Wie Sie mit der Erstellung der Website fortfahren

Nachdem die Inhaltssprache und die Schreibrichtung festgelegt wurden, können Sie mit der Erstellung der Website beginnen und alle Funktionen nutzen, die WebSite X5 zur Verfügung stellt.


Wenn – wie zuvor angenommen – eine neue Website erstellt wird, sind grundlegende Schritte erforderlich: das Anpassen des Templates, das Organisieren der Sitemap, das Einfügen der Inhalte auf den einzelnen Seiten und schließlich das Veröffentlichen der fertigen Website online. Da Sie bei null beginnen, können Sie die Inhalte von Anfang an entsprechend einem RTL-Design anordnen.


Wenn Sie hingegen eine LTR-Website (in unserem Beispiel auf Englisch) als Ausgangspunkt für eine lokalisierte Version in einer RTL-Sprache (in diesem Fall Arabisch) verwenden, sind die Inhalte bereits eingefügt und gespiegelt, aber die Lokalisierung muss noch erfolgen. Auch in diesem Fall müssen Template, Sitemap und Seiten bearbeitet werden, um die Inhalte durch die arabische Version zu ersetzen und erforderliche Anpassungen vorzunehmen.


#Tipp – Wenn Sie eine mehrsprachige Website erstellen möchten und den Nutzern die Möglichkeit geben wollen, die Sprache der Inhalte auszuwählen (z. B. Englisch oder Arabisch), lesen Sie auch: Wie erstellt man eine Website, die in mehreren Sprachen verfügbar ist? 

 

Tipps für die Erstellung von RTL-Websites

Wie Sie gesehen haben, reicht es bei der Erstellung einer Webseite im RTL-Format nicht aus, den gesamten Text auszuwählen und rechtsbündig auszurichten: Das wäre nur eine rein visuelle und unvollständige Lösung.

Glücklicherweise übernimmt WebSite X5 automatisch die erforderlichen technischen Einstellungen und ermöglicht es Ihnen mit nur wenigen Schritten, eine Website zu erstellen, die vollständig auf das Lesen von rechts nach links ausgelegt ist.


Hier sind einige praktische Tipps, um das Endergebnis weiter zu verbessern und Nutzern mit RTL-Sprachen ein optimales Erlebnis zu bieten:

  • Verwenden Sie geeignete Schriftarten

Nicht alle Schriftarten unterstützen alle Sprachen. Wenn eine Schriftart ein bestimmtes Zeichen nicht darstellen kann, erscheint stattdessen ein kleines weißes Quadrat – umgangssprachlich als „Tofu“ bekannt. Um dies zu vermeiden, empfiehlt es sich, eine mehrsprachige Schriftart zu verwenden, die auch RTL-Schriften unterstützt.

Eine der zuverlässigsten Optionen ist Google Noto, eine kostenlose Schriftfamilie ohne Lizenzbeschränkungen, die über 800 Sprachen unterstützt.

  • Berücksichtigen Sie kulturelle Unterschiede

Einige Symbole oder Referenzen, die im westlichen Kontext üblich sind, können in anderen Kulturen unverständlich oder sogar unangemessen sein. Ziehen Sie visuelle und sprachliche Alternativen in Betracht, die neutraler und inklusiver sind.

In der arabischen Kultur gilt das Schwein beispielsweise als unreines Tier: Statt eines Sparschwein-Symbols wäre ein Bild eines mit Münzen gefüllten Glases möglicherweise besser geeignet, um den Spargedanken zu vermitteln.

  • Nutzen Sie automatische Übersetzungstools und künstliche Intelligenz

Wenn kein professioneller Übersetzer zur Verfügung steht, können Sie automatische Tools wie Google Translate verwenden oder auf künstliche Intelligenz zurückgreifen, die natürlichere und kontextbezogene Übersetzungen liefern kann.

In beiden Fällen ist es unerlässlich, die Texte manuell zu überprüfen, insbesondere um sicherzustellen, dass sie kulturell angemessen und im Ton der Website stimmig sind.

  • Testen Sie die Website gründlich

Bevor Sie die Website online stellen, verwenden Sie die lokale Vorschau, um sicherzustellen, dass Texte und Layout korrekt an das Lesen von rechts nach links angepasst sind. Es kann einen großen Unterschied in Qualität und Glaubwürdigkeit der Website machen, wenn ein Muttersprachler in die Überprüfung einbezogen wird.


Technischer Hinweis

Wenn ein Projekt im RTL-Modus eingerichtet wird, wendet WebSite X5 automatisch die Leserichtung „von rechts nach links“ auf den HTML-Code der Seiten an.

Dies geschieht über das Attribut dir="rtl", das in die passenden Elemente der Seite eingefügt wird und dem Browser mitteilt, wie der Inhalt dargestellt werden soll.


Außerdem wird das Seitenlayout mithilfe spezifischer CSS-Stile angepasst, sodass:

  • Texte korrekt rechtsbündig ausgerichtet sind,
  • Seiteninhalte (wie Menüs, Bilder, Schaltflächen) einem Ablauf folgen, der mit der RTL-Richtung übereinstimmt,
  • die Seitenränder mit dem neuen Layout übereinstimmen,
  • eventuelle Animationen oder Übergangseffekte in die richtige Richtung verlaufen.


All dies geschieht automatisch: Sie müssen lediglich daran denken, beim Einrichten des Projekts die richtige Schreibrichtung auszuwählen.