Mit dem Editor 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 mehrsprachig erstellst, erkennen die im Browser hinterlegte Sprache des Website-Besuchers und zeigen ihm automatisch die richtige Sprache an, sofern diese für die Seite aktiviert ist. Sollte die im Browser hinterlegte Sprache nicht innerhalb deines Projekts vertreten sein, wird die als Standard festgelegte Sprache aufgerufen. Deshalb bietet es sich 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:
- Klicke auf Mehr in der rechten oberen Ecke
- Wähle dann Sprachen, um in die Sprachverwaltung zu gelangen
- 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 diesem Fall auf Englisch. Klicke anschließend auf das orangefarbene Speicher-Symbol in der Menüleiste oben links oder nutze die Tastenkombination [Strg] + [S], um das Projekt zu speichern. Anschließend wird auch Englisch ausgegraut und lässt sich nicht mehr ändern.
Der Editor hat nun im Hintergrund alle bisher erstellten Seiten und deren dazu gehörigen Content 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 englische 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 "en" für Englisch. 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 auch schon angelegt. Damit du sie bearbeiten kannst, klicke einfach auf "Übersetzen". Bitte beachte, dass die Seiten und ihr Inhalt nur vom Original kopiert werden, d.h. die Texte und Beschriftungen sind weiterhin in der Original-Sprache und müssen händisch von dir übersetzt bzw. ausgetauscht werden.
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 wenn die Anpassungen an der Struktur oder dem Content einer Seite einer Sprache anpasst, wird dies nicht automatisch übernommen. Wenn du also eine Änderung auf allen Sprachen vornehmen willst, musst du die jeweiligen Seiten in jeder Sprache einzeln bearbeiten.
Auch die SEO-Einstellungen und Details kannst du 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.
Tipp: Wenn beim Hinzufügen einer neuen Sprache alle Unterseiten direkt verfügbar sein sollen, dann kannst du durch einen Klick auf das Buger-Menü unter dem Punkt Einstellungen die entsprechende Änderung vornehmen. Wähle dafür unter Kopiermodus für Sprachen die Option Alle Unterseiten kopieren aus.
Sprachen auf der Website auswählbar machen
Selbstverständlich kannst du eine Option auf deiner Website einfügen, um deine Website-Besucher zur anderen Sprache gelangen zu lassen. Eine visuell ansprechendere Variante sind beispielsweise Flaggen-Icons, da sie selbsterklärend sind und für gewöhnlich wenig Platz einnehmen.
Um eine Sprach-Auswahl auf deiner Seite anzuzeigen, klicke auf die Kategorie Features in der linken Sidebar und ziehe das Section-Template Sprachen an die gewünschte Stelle auf deiner 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 zwischen Flaggen, Text oder Länderkürzel wählen:
URLs und "hreflang"
Der Editor stellt automatisch "hreflang" tags für alle verfügbaren Sprachen der jeweils aktuell angezeigten Seite (z. B. www.deine-domain.de/unterseite) wie folgt zur Verfügung:
<link rel="alternate" hreflang="en" href=" https://www.deine-domain.de/en/unterseite/>
"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 Unterseiten mit anderen Sprachen unter Seiten gelöscht werden, sodass nur noch eine Sprache verfügbar ist. Danach kann die Mehrsprachigkeit unter Mehr > Sprachen wieder deaktiviert werden.
Kommentare
0 Kommentare
Zu diesem Beitrag können keine Kommentare hinterlassen werden.