TYPO3

Website übersetzen

Im TYPO3 der Universität Wien können Sie Ihre Website mehrsprachig anbieten. So erreichen Sie internationale Zielgruppen und stellen Ihre Inhalte auch in anderen Sprachen (z. B. Englisch) barrierefrei und nutzer*innenfreundlich bereit.

Übersetzung in TYPO3

  • TYPO3 übersetzt Inhalte nicht automatisch. Die Übersetzung in eine andere Sprache muss selbst erstellt und anschließend im Backend eingepflegt werden.
  • In TYPO3 werden Übersetzungen im selben Backend wie die Standardsprache gepflegt.
  • Die Originalseite (Standardsprache) bleibt bestehen und dient als strukturelle Grundlage.
  • Übersetzungen (z. B. Englisch) sind technisch mit der Standardsprache verknüpft. Änderungen an der Seitenstruktur gelten für alle Sprachen, während Inhalte sprachspezifisch angepasst werden können.

Das sollten Sie vor der Übersetzung erledigen

    • Bauen Sie Ihre Website in der Standardsprache vollständig auf. Kleinere inhaltliche Anpassungen an bestehenden Elementen sind kein Problem.
    • Vermeiden Sie nachträgliche strukturelle Änderungen (z. B. Seiten verschieben, löschen oder neu anlegen), sobald die Übersetzung begonnen hat. Da die Sprachversionen miteinander verknüpft sind, wirken sich Änderungen an der Seitenstruktur auch auf alle Übersetzungen aus.

    • Stellen Sie sicher, dass alle benötigten Inhaltselemente, Bilder und Dateien bereits vorhanden und korrekt benannt sind – sie werden bei der Übersetzung übernommen.

       

    Prüfen Sie, ob die gewünschte Sprache im Seitenbaum unter Websiteverwaltung angelegt ist (z. B. Englisch).
    Je nach Ergebnis stehen Ihnen zwei Vorgehensweisen zur Verfügung:

Zusätzliche Sprache einer Website anlegen

Klicken Sie im TYPO3 Seitenmenü auf Websiteverwaltung.

  1. Wählen Sie die zu übersetzende Website aus (falls Sie mehrere verwalten).
  2. Neue Sprache hinzufügen: Wählen Sie die Übersetzungssprache aus
  3. Website-Titel: Geben Sie den Titel der Website in der neu angelegten Sprachversion an und klicken Sie auf speichern.

Seite übersetzen

Seite im Seitenbaum auswählen: Öffnen Sie im Backend die Seite, die Sie übersetzen möchten. Am besten beginnen Sie mit der Startseite.

  1. Klicken Sie oben auf Neue Übersetzung dieser Seite erstellen und wählen Sie die neue Sprache aus. Die Inhalte werden dabei nur aus der Standardsprache übernommen und müssen von Ihnen selbst übersetzt und angepasst werden.

Wichtig

Unterseiten können im Menü nur in einer anderen Sprache angezeigt werden, wenn die Überebenen ebenfalls übersetzt sind.

Füllen Sie im folgenden Fenster die Seiteneigenschaften für die neue Sprache aus.

Wichtig:

  1. URL-Segment anpassen: Passen Sie das URL-Segment an die neue Sprache an: Klicken Sie auf Neuberechnung des URL-Segments aus dem Seitentitel ("kreisende Pfeile"-Symbol). Die URL sollte sprachlich korrekt, kurz und sprechend sein.

Inhaltselemente übersetzen

  1. Klicken Sie über dem Seitentitel auf Sprache und wählen Sie die zu übersetzende Sprache aus.

Inhaltselemente übersetzen

Sie sehen nun zwei Spalten: In der ersten Spalte sehen Sie die Standardsprache, in der zweiten Spalte die zukünftige Übersetzung der Seite.

  1. Klicken Sie oben in der Übersetzungs-Spalte auf Übersetzen. TYPO3 kopiert nun die einzelnen Content-Elemente der Standardsprache und fügt diese auf der Übersetzungsseite ein. Die Inhalte werden dabei nur aus der Standardsprache übernommen und müssen von Ihnen selbst übersetzt und angepasst werden.

Übersetzung einfügen: Öffnen Sie das übersetzte Inhaltselement und passen Sie alle relevanten Felder an:

  • Überschriften
  • Fließtexte
  • Button- und Linktexte
  • weitere elementabhängige Felder (die Text enthalten)

Links überprüfen: 

  • Interne Links verweisen automatisch auf die korrekte Sprachversion. Dazu muss aber schon die korrekt übersetzte, verlinkte Seite vorhanden sein.
  • Externe Links sollten auf Inhalte in der übersetzten Sprache führen.

Veröffentlichung:

  • Speichern Sie alle Änderungen.
  • Stellen Sie sicher, dass Seiten und Inhalte in der jeweiligen Sprache sichtbar geschaltet sind.
  • Prüfen Sie das Ergebnis im Frontend (Desktop und mobil).

Einzelne Wörter oder Textpassagen in einer anderen Sprache kennzeichnen

Wenn auf einer Seite einzelne Wörter, Textpassagen oder Absätze in einer anderen Sprache als der Seitensprache verwendet werden, sollten diese entsprechend gekennzeichnet werden. Dadurch können Screenreader die Inhalte korrekt aussprechen. Diese Einstellung ist nur im Texteditor für Fließtexte möglich. Überschriften können nicht mit einer anderen Sprache ausgezeichnet werden.

→ Wichtig: Inhalte sollten nach Möglichkeit nicht innerhalb einer Seite gemischtsprachig dargestellt werden. Idealerweise werden deutschsprachige Inhalte auf deutschsprachigen Seiten und englischsprachige Inhalte auf englischsprachigen Seiten bereitgestellt. Die Sprachkennzeichnung einzelner Textpassagen sollte nur verwendet werden, wenn sich anderssprachige Begriffe, Zitate oder kurze Abschnitte nicht vermeiden lassen.

  1. Markieren Sie den anderssprachigen Text im Texteditor.
  2. Klicken Sie in der Werkzeugleiste im Texteditor auf Sprache auswählen
  3. Wählen Sie die gewünschte Sprache aus der Liste aus.

Falls die gewünschte Sprache nicht in der Auswahlliste verfügbar ist, können Sie die Sprachkennzeichnung manuell setzen.

  1. Markieren Sie den anderssprachigen Text im Texteditor.
  2. Klicken Sie in der Werkzeugleiste im Texteditor auf Sprache auswählen
  3. Wählen Sie "andere Sprache - füllen Sie den Language_tag selbst aus" in der Liste
  4. Klicken Sie in der Werkzeugleiste auf Quellcode.

  1. Suchen Sie das Attribut lang="" und tragen Sie zwischen den Anführungszeichen den ISO-Code der gewünschten Sprache ein.

    Leserichtung festlegen (optional): Bei Sprachen, die von rechts nach links gelesen werden (z.B. Arabisch oder Hebräisch), kann zusätzlich das Attribut dir verwendet werden. Weitere Informationen finden Sie unter HTML dir Attribute

→ Wichtig: Verwenden Sie immer den passenden ISO-Sprachcode, damit Screenreader die Sprache korrekt erkennen und ausgeben können.

Nachträgliche Änderungen

Wenn Sie nachträglich Inhalte in der Standardsprache ändern oder neue Inhaltselemente hinzufügen:

  • werden diese nicht automatisch übersetzt
  • die Übersetzungen müssen manuell ergänzt werden
  • Neue Inhaltselemente müssen in der zweiten Sprache erneut über „Übersetzen“ angelegt werden.

Prüfen Sie regelmäßig den Übersetzungsstand Ihrer Seiten, um sicherzustellen, dass alle Inhalte in den jeweiligen Sprachversionen vollständig und aktuell sind. 

Metadaten von Medien übersetzen

Um die digitale Barrierefreiheit in anderen Sprachen zu gewährleisten, müssen Sie die Metadaten für Medien in der Dateiliste auch in der entsprechenden Übersetzung anlegen.

Klicken Sie im TYPO3 Menü auf Dateiliste, navigieren Sie zu den relevanten Bildern/Videos. 

  1. Klicken Sie in der Zeile der Datei auf das Übersetzung-Symbol.
  2. Wählen Sie Metadaten dieser Datei erstellen für Ihre Übersetzung.

Fügen Sie die Übersetzung für folgende Felder ein:

  1. Alternativer Text
  2. Beschreibung
  3. Urheberrecht

Sie sehen unter dem jeweiligen Feld den Text, der in der Standardsprache eingetragen ist. 

Klicken Sie anschließend auf Speichern. 

Übersetzungsmodi in TYPO3

Beim Übersetzen von Seiten und Inhaltselementen stehen in TYPO3 verschiedene Übersetzungsmodi zur Verfügung. Diese bestimmen, wie stark die Übersetzung mit der Standardsprache verknüpft ist.

Verbundener Modus
Übersetzte Inhalte bleiben eng mit der Standardsprache verknüpft. Struktur und Inhalte orientieren sich stark am Original. Dieser Modus eignet sich, wenn Inhalte in allen Sprachen möglichst identisch bleiben sollen.
→ Empfohlener Standardmodus für die meisten Websites.

Freier Modus
Übersetzungen sind vollständig unabhängig von der Standardsprache. Inhalte und Struktur können frei gestaltet werden. Änderungen in der Standardsprache wirken sich nicht auf andere Sprachen aus.

Gemischter Modus
Inhalte sind grundsätzlich mit der Standardsprache verbunden, können jedoch in der Übersetzung angepasst oder überschrieben werden. Änderungen an der Seitenstruktur wirken sich auf alle Sprachen aus, Inhalte können jedoch sprachspezifisch bearbeitet werden.
→ Nur in Ausnahmefällen empfohlen, da Pflege und Konsistenz deutlich aufwendiger sind.

→ Die Metdadaten werden dadurch automatisch in der korrekten Sprache auf der Website angezeigt.

Haben Sie noch Fragen?

Sie haben Fragen oder Anmerkungen zu den TYPO3 Anleitungen?

Nach oben