Websites mit mehreren Sprachen

Mit Sitejet kannst du nicht nur anspruchsvolle, sondern auch mehrsprachige Websites erstellen. Dabei kannst du die einzelnen Seiten einfach übernehmen, deren Texte übersetzen oder die gesamte Seite neu gestalten. Wie das funktioniert, zeigen wir dir in diesem Artikel.

Inhaltsangabe


Basiswissen

Websites, die du mit Sitejet mehrsprachig erstellst, erkennen die im Browser hinterlegte Sprache des Website-Besuchers und zeigen ihm automatisch die richtige Sprache an, sofern diese hinterlegt ist. Sollte die im Browser hinterlegte Sprache nicht innerhalb deines Projekts vertreten sein, wird die als Standard festgelegte Sprache aufgerufen. Aufgrund der Gebräuchlichkeit bietet es sich deshalb an, immer auch eine englische Version anzubieten, sofern du dich für Mehrsprachigkeit entscheidest. Dadurch ist die Wahrscheinlichkeit am größten, dass dein Besucher zumindest den Großteil der Website versteht, selbst, wenn seine Muttersprache nicht angeboten wird.

Nehmen wir an, dein Kunde möchte beispielsweise eine deutsche Website inkl. einer englischen Version haben, da er auch mit Website-Besuchern aus anderen Ländern rechnet. Da mehr Menschen Englisch als Deutsch sprechen, bietet es sich an in diesem Fall die englische Version als Standard einzustellen. 


Mehrere Sprachen einrichten

In diesem Beispiel wollen wir eine englische Variante zu einer deutschen Seite hinzufügen. Sprachen können wir in den Website-Einstellungen verwalten. Um dort die Mehrsprachigkeit zu aktivieren, gehe wie folgt vor:

  1. Bewege deine Maus über "Website" in der Menüleiste am oberen Rand des Website Builder (CMS)
  2. Klicke auf "Sprachen", um in die Sprachverwaltung zu gelangen
  3. Klicke in das Feld "Mehrsprachigkeit" und wähle "Mehrsprachigkeit aktivieren" aus

Nachdem du die Mehrsprachigkeit aktiviert hast, wird dir die aktuelle Standardsprache bereits aufgelistet. Diese lässt sich nicht entfernen oder ändern. Bewege deine Maus darüber, um am linken Rand ein "+"-Symbol eingeblendet zu bekommen. Per Klick hierauf fügst du eine weitere Sprache dem Projekt hinzu. 

Klicke in das leere Feld, um aus einer Liste von Sprachen auswählen zu können. Klicke in dieser auf "Englisch". Klicke anschließend auf das orangene Disketten-Symbol in der Menüleiste oben links im Website Builder (CMS) oder nutze die Tastenkombination [Strg] + [S], um das Projekt zu speichern. Anschließend wird auch "Englisch" ausgegraut und lässt sich nicht mehr ändern.

Sitejet hat nun im Hintergrund alle bisher erstellten Seiten dupliziert und die nötigen Sprach-Informationen entsprechend hinterlegt. Wechsle nun in die Seitenverwaltung der jeweiligen Sprache, indem du auf den Link-Button rechts neben der Sprache klickst. In diesem Fall wechseln wir in die Seitenverwaltung für die spanische Seiten und erhalten folgende Ansicht:

Im oberen Bereich der Ansicht hast du nun Tabs mit denen du zwischen den Sprachen hin und her wechseln kannst. Beim Namen findest du das ISO-Kürzel für die jeweilige Sprache, in diesem Fall "es" für Spanisch. Nach dem Hinzufügen einer neuen Sprache ist erst mal nur die Startseite freigeschaltet, da es immer eine Startseite geben muss. Die anderen Seiten wurden wie bereits angesprochen angelegt, da vermutlich jedoch noch Texte übersetzt werden müssen, stehen diese nicht sofort zur Verfügung und sind deshalb ausgegraut. Klicke auf "Übersetzen", damit sie verfügbar werden und bearbeiten werden können.

Auch hier klickst du einfach auf den Seitennamen, um die Unterseite zu öffnen. Bewegst du deine Maus über eine der Seiten, kannst du diese unabhängig vom jeweiligen Pendant in der anderen Sprache auch entfernen oder zusätzliche Seiten speziell für diese Sprache hinzufügen. Die Seitenstruktur der anderen Sprache bleibt davon unberührt.

Auch die SEO-Einstellungen und Details kannst du wie in unserem SEO-Artikel und unserem Artikel zur Navigation beschrieben zu jeder Seite einer jeden Sprache gesondert eingeben.

Die jeweiligen Seiten werden nach Onlinestellung von nun an nicht mehr über www.deine-domain.de/Unterseite erreichbar sein, sondern über www.deine-domain.de/de/unterseite bzw. www.deine-domain.de/en/subpage

Beim Kopieren der Seiten werden allen Elementen neue IDs zugewiesen. Stelle deshalb sicher, dass alle Animationen auch auf den neuen Seiten der zusätzlichen Sprache wie gewünscht funktionieren. Bedenke, dass eine manuelle Übersetzung/Anpassung der Texte und Button-Beschreibungen erforderlich ist.


Sprachen auf der Website auswählbar machen

Selbstverständlich kannst du normale Links auf deiner Website einfügen, um deine Website-Besucher zur anderen Sprache gelangen zu lassen. Eine visuell ansprechendere Variante sind jedoch beispielsweise Flaggen-Icons, da sie selbsterklärend sind und für gewöhnlich weniger Platz einnehmen, als Links. 

Mit dem "Sprachen" Preset kannst du ganz einfach die unterschiedlichen Sprachen über Flaggen, Länderkürzel oder komplett ausgeschrieben auswählbar machen. Gehe dafür zu "+ Inhalte hinzufügen" > Presets > Features und ziehe das "Sprachen" Preset an die gewünschte Stelle auf der Website. 

Wenn du dann in die Preset-Einstellungen gehst und die Unterkategorie "Sprache" öffnest, kannst du unter "Typ" auswählen wie die Sprachen 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:

<link rel="alternate" hreflang="de" href=" https://www.sitejet.io/de/templates"/>  
<link rel="alternate" hreflang="en" href=" https://www.sitejet.io/en/templates"/>

"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 Websites mit anderen Sprachen unter "Seiten" gelöscht werden, sodass nur noch eine Sprache verfügbar ist. Danach kann die Mehrsprachigkeit unter "Website" > "Sprachen" 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.

Zurück zum Anfang

Hilfe benötigt? Kontakt aufnehmen Kontakt aufnehmen