Websites, die du mit unserem Website Builder mehrsprachig erstellst, erkennen automatisch die im Browser des Besuchers eingestellte Sprache und zeigen - sofern verfügbar - die passende Version der Seite an. Ist die im Browser hinterlegte Sprache nicht in deinem Projekt verfügbar, wird stattdessen die als Standard festgelegte Sprache angezeigt. Es empfiehlt sich daher, immer auch eine englische Version anzubieten, wenn du Mehrsprachigkeit einsetzt. So stellst du sicher, dass Besucher zumindest den Großteil deiner Website verstehen, selbst wenn ihre Muttersprache nicht verfügbar ist.
Mehrere Sprachen einrichten
In diesem Beispiel zeigen wir dir, wie du deiner deutschen Website eine englische Version hinzufügst. Um die Mehrsprachigkeit zu aktivieren, geh so vor:
Klick oben rechts im Menü auf Mehr.
Wähl Sprachen, um die Spracheinstellungen zu öffnen.
Setz ein Häkchen bei Mehrsprachigkeit aktivieren.
Sobald die Mehrsprachigkeit aktiviert ist, wird deine aktuelle Standardsprache bereits angezeigt. Sie ist grau hinterlegt, weil sie nicht entfernt oder geändert werden kann.
Unter der Standardsprache findest du ein zusätzliches Feld. Klick drauf, um eine Dropdown-Liste mit verfügbaren Sprachen zu öffnen, und wähl die Sprache aus, die du hinzufügen willst - in diesem Fall Englisch.
Nachdem du die Sprache ausgewählt hast, speichere deine Website, indem du oben im Menü auf das Speichern-Symbol klickst oder Strg + S drückst. Sobald gespeichert, wird die neu hinzugefügte Sprache - in diesem Beispiel Englisch - grau angezeigt und kann nicht mehr verändert werden.
Der Website Builder hat die nötigen Sprachdaten hinzugefügt und gespeichert.
Um Seiten in der neuen Sprache zu verwalten oder zu bearbeiten, geh zu Seiten. Oben im Panel siehst du die verfügbaren Sprachen - klick auf die neue Sprache, um ihre Seiten anzuzeigen. In diesem Beispiel zeigt ein Klick auf Englisch die Liste der englischen Seiten.
Standardmäßig wird nur die Startseite übersetzt, da jede Sprache eine eigene Startseite haben muss. Alle zusätzlichen Seiten, die du auf Englisch haben willst, müssen manuell hinzugefügt werden, indem du auf Übersetzen klickst.
Wenn du möchtest, dass beim Hinzufügen einer neuen Sprache automatisch alle Seiten erstellt werden, kannst du das einstellen: Öffne das Burger-Menü oben links, wähle Einstellungen und setze den Kopieroption bei Sprachen auf Alle Unterseiten kopieren.
Wichtig: Änderungen an Seiten in einer Sprache wirken sich nicht auf die Struktur oder Inhalte der Seiten in anderen Sprachen aus. Jede Sprache muss nach der Einrichtung manuell angepasst werden.
Du kannst auch SEO-Einstellungen und andere Seitendetails separat für jede Sprache konfigurieren, wie in unseren Artikeln zu SEO und zur Navigation erklärt.
Ab jetzt sind die Seiten nicht mehr über www.deine-domain.com/seite erreichbar. Stattdessen wird die Sprachabkürzung in der URL verwendet - z. B. www.deine-domain.com/de/seite für Deutsch und www.deine-domain.com/en/seite für Englisch.
Wichtig: Beim Kopieren der Seiten bekommen alle Elemente neue IDs. Stell sicher, dass alle Animationen auf den neuen Sprachseiten richtig funktionieren. Texte, Button-Beschriftungen und andere Inhalte müssen manuell übersetzt oder angepasst werden.
Übersetzen der einzelnen Seiten
Wenn du eine neue Sprache hinzufügst und auf Übersetzen klickst, wird der Inhalt der Seite in der Standardsprache automatisch mit AI übersetzt. Wir empfehlen, die AI-übersetzten Inhalte vor der Veröffentlichung der neuen Sprache sorgfältig zu überprüfen.
Wenn du AI-Übersetzungen deaktivieren willst, öffne das Burger-Menü oben links, wähle Einstellungen und schalte Verwende KI zur automatischen Übersetzung von Seiteninhalten, wenn neue Sprachen hinzugefügt werden aus.
Sprachen auf der Website auswählbar machen
Wenn eine Version deiner Website der Browsersprache eines Besuchers entspricht, wird er automatisch dorthin weitergeleitet. Wennd du deinen Besuchern die Möglichkeit geben willst, selbst auszuwählen, welche Sprache sie sehen wollen, kannst du einen Sprach-Switch auf deiner Seite hinzufügst.
Dazu gehst du in der Sidebar zur Kategorie Features und ziehst die Section Sprachen an die gewünschte Stelle auf der Seite.
Sobald der Sprach-Switch hinzugefügt wurde, klick auf Style > Sprachen, um auszuwählen, wie die Sparchen angezeigt werden sollen:
Du kannst Flaggen, Text oder Länderkürzel wählen:
URLs und "hreflang"
Sitejet stellt automatisch "hreflang" tags für alle verfügbaren Sprachen der jeweils aktuell angezeigten Seite (z. B. www.sitejet.io/de/templates) wie folgt zur Verfügung:
"Hreflang" wird außerdem vom Sprachen-Element verwendet, um Suchmaschinen mitzuteilen, welche Sprache über den jeweiligen Link aufgerufen wird. Alle anderen Links enthalten keine "hreflang" tags, da die Zielseiten jeweils in derselben Sprache sind.
Canonical URLs bzw. kanonische URLs werden bei dieser Thematik ebenfalls immer wieder angesprochen. Diese geben an, unter welcher URL die aktuell geöffnete Seite dauerhaft erreichbar sein soll, sofern sie über mehrere URLs erreichbar ist (beispielsweise aufgrund von URL-Parametern oder tatsächlich aufgrund von verschiedenen URLs die auf die gleiche Seite/den gleichen Inhalt zeigen). So werden Dopplungen bei Suchmaschinen vermieden, was diese wiederum wertschätzen. Mit Sprachen hat dies jedoch nichts zu tun.
Mehrsprachigkeit deaktivieren
Um die Mehrsprachigkeit für eine Website zu deaktivieren, müssen alle Sprachen unter Mehr > Sprachen gelöscht werden, sodass nur noch eine Sprache verfügbar ist. Dann kann die Checkbox für Mehrsprachigkeit deaktiviert werden.
Werde ein Teil unserer Community!
Tausche dich mit anderen Webdesignern über aktuelle Entwicklungen, Tipps und Tricks aus und präsentiere deine Lieblingsseiten. Hole dir Feedback und sprich mit uns über Funktionen, die du dir für Sitejet wünschst. Hier gelangst du direkt zur Sitejetters Community.
Kommentare
0 Kommentare
Zu diesem Beitrag können keine Kommentare hinterlassen werden.