Jimdos Kunden sind eine kosmopolitische Gruppe, und viele von Ihnen möchten mehrsprachige Websites erstellen. Unabhängig davon, ob es sich um ein in verschiedenen Ländern tätiges Unternehmen oder eine mehrsprachige Website für Lebensläufe handelt, sollte Ihre Zielgruppe in der Lage sein, die Informationen in Ihrer Sprache zu lesen. Das Einrichten einer Website, deren gesamter Inhalt in verschiedenen Sprachen verfügbar und für Kunden einfach zu verwenden ist, kann manchmal schwierig erscheinen.
In diesem Beitrag werde ich einige der Techniken und Vorlagen zum Erstellen einer mehrsprachigen Website erläutern. Ich werde auch Beispiele für Jimdos mehrsprachige Websites vorstellen, die diese haben: Sie haben klare, funktionale und schöne Websites in mehreren Sprachen erstellt!
Was ist für eine erfolgreiche mehrsprachige oder zweisprachige Website zu beachten?
Sie müssen vorausplanen und Inhalte in allen Sprachen erstellen: Wenn wir über mehrsprachige Websites sprechen, geht es wirklich darum, zwei (oder mehr) Textsätze in verschiedenen Sprachen zu erstellen, die zusammen auf einer Website existieren können. Um dies erfolgreich durchzuführen, müssen Sie sich im Voraus überlegen, wie Sie Ihre Navigationsmenüs und Ihren Lageplan organisieren (mehr dazu weiter unten). Mit anderen Worten, es ist wirklich schwierig, eine Website nachträglich mehrsprachig zu gestalten.
Wenn Sie also eine "echte" mehrsprachige Website mit guten Übersetzungen, einer einfachen Benutzeroberfläche und einem SEO-Vorteil von Inhalten in verschiedenen Sprachen erstellen möchten, lesen Sie weiter, denn diese Websites sind wirklich gut:
Verwenden von Dropdown-Menüs für eine mehrsprachige Website
Norla Design
Vorlage: Rom
Der Norla Design Online-Shop nutzt das Dropdown-Menü und den großen Kopfbereich in der Rom-Vorlage.
Wenn die meisten Menschen an mehrsprachige oder zweisprachige Websites denken, denken sie im Allgemeinen an die Verwendung von Flaggensymbolen. Die Norla Design-Website zeigt einen anderen Weg, dies zu tun. Hier haben sie ihre Navigations- und Vorlagen-Dropdown-Liste verwendet, um einen wirklich klaren mehrsprachigen Online-Shop zu erstellen.
In diesem Beispiel sehen Sie, dass sie ihre Navigation auf oberster Ebene verwenden, um ihre Sprachen zu unterteilen: EN, PL und DE. Dann hat jede Sprache ihre eigenen Unterseiten, die als Dropdown-Menüs angezeigt werden. Benutzer können das vollständige Menü ihrer Sprache sofort sehen, wenn sie auf die richtige Sprache klicken.
Wenn Sie auf Ihrer eigenen Website etwas Ähnliches getan haben, sieht Ihr Navigationsmenü möglicherweise folgendermaßen aus:
Bitte beachten Sie, dass alle Jimdo-Websites bis zu 3 Navigationsebenen haben können. Bei dieser Technik hängen Sie hauptsächlich von Ihren sekundären und tertiären Navigationsebenen ab, da Ihre Hauptnavigationsebene zum Teilen von Sprachen verwendet wird. Sie müssen also Ihre Navigation einfach halten – Sie können sich nicht darauf verlassen, dass eine Menge Unterseiten auf eine vierte oder fünfte Ebene gehen. Am Ende ist das gut, denn Webseiten mit einfacheren Navigationsstrukturen sind viel einfacher zu verfolgen.
Jimdo-Vorlagen mit Dropdown-Menüs umfassen Rom, Barcelona, Prag, Helsinki, Kairo und Miami. Um alle Vorlagen mit Dropdown-Menüs anzuzeigen, besuchen Sie unseren Vorlagenfilter und wählen Sie unter "Menüs" das Dropdown-Menü.
Verwenden von Registerkarten für eine mehrsprachige Website
Freiheit und Geist
Kader: Hamburg
Diese mehrsprachige Website verwendet die sekundäre Navigation der Hamburger Vorlage, um deren Inhalt in verschiedene Sprachen zu unterteilen. Alle drei Sprachen befinden sich im oberen Menü, und Unterseiten für jede Sprache werden links in einem vertikalen Menü angezeigt.
Die Freedom & Spirit-Website ist ein großartiges Beispiel für eine mehrsprachige Website, die gut funktioniert Hamburg Modell. Visuell beginnt Ihr Auge links mit dem orangefarbenen Logo und bewegt sich dann natürlich zur rechten Seite der Seite, wo Sie die orangefarbenen und grauen Registerkarten zum Wechseln der Sprache sehen.
Um diesen Effekt zu erzielen, haben sie ihre Hauptelemente des Navigationsmenüs auf FR, NL und EN konfiguriert. Dann haben sie den Stil-Editor verwendet, um ihre Navigationsleiste nach rechts auszurichten und die Menüfarben zu ändern. Die grauen und orangefarbenen Farboptionen machen anscheinend gute Arbeit auf Registerkarten und machen den Leuten klar, in welcher Sprache sie sind.
Sobald ein Benutzer eine Sprache ausgewählt hat, wird auf der linken Seite das entsprechende Menü für diese Sprache (Unterseiten) angezeigt.
So würde unser vorheriges Beispielnavigationsmenü mit derselben Konfiguration aussehen:
Vorlagen mit einer ähnlichen "geteilten" Navigationsebene, die daher für mehrsprachige Websites gut geeignet sind, sind Chicago, Bordeaux, Hamburg, Madrid, Lille und Hongkong.
Verwenden von Flags für eine mehrsprachige Website
Skate Station
Vorlage: Zürich
Mehrsprachige Station Skate Seite mit Zürcher Mitarbeitern.
Ok, wenn Sie immer noch an der Verwendung von Flaggensymbolen interessiert sind, finden Sie hier eine Website, die sehr gut funktioniert. Wie in unseren vorherigen Beispielen hat die Station Skate-Website ihre Hauptnavigation verwendet, um in Sprachen zu unterteilen: Englisch und Spanisch.
In der Zürich In der Vorlage wird die sekundäre Navigation horizontal direkt unter der Hauptnavigation angezeigt. Hier haben sie dieses Menü noch stärker betont, indem sie die primäre Navigation ("Home" und "Home") nur zu einer 13-Punkt-Schriftart gemacht haben, sodass ihr Blick auf die sekundäre Navigation als "primäre" Schrift gerichtet ist.
Dann fügten sie eine Sprachflagge als kleines, rechts ausgerichtetes fotografisches Element ein und verknüpften dieses fotografische Element mit der entsprechenden Seite in der anderen Sprache. Infolgedessen kann es leicht zwischen den beiden springen. (Hier finden Sie einige Orte, an denen Sie kostenlose Symbole finden können, einschließlich Flaggen.)
Erstellen Sie mehrere Websites
Camping Cheverny
Vorlage: Madrid
Die Website von Camping Cheverny hat ihren mehrsprachigen Inhalt noch weiter verbessert, indem zwei völlig unterschiedliche Websites erstellt wurden, eine für Französisch und eine für Englisch. Sie sind durch kleine geladene Flaggensymbole wie Photo Elements miteinander verbunden.
Der Hauptvorteil von zwei verschiedenen Websites besteht darin, dass Sie für jede Website einen anderen Domainnamen haben können (sie haben .com- und .eu-Domains verwendet). Zweitens müssen Sie sich nicht darum kümmern, eine große Menge an Sprachinhalten in einem Navigationsmenü auszugleichen – jede Sprache erhält eine Website für sich.
Die Verwendung separater Websites ist üblich, wenn Sie separate Domains benötigen und viel Inhalt haben. Es könnte auch die beste Wahl sein, wenn Ihre verschiedenen Sprachen auch kulturelle Unterschiede aufweisen, die möglicherweise unterschiedliche Fotos und eine unterschiedliche Benutzererfahrung erfordern.
Erstellen Sie eine Zielseite oder eine Zielseite für eine mehrsprachige Website
Vorlage: Lille
Eine andere Möglichkeit, das mehrsprachige Rätsel zu lösen, besteht darin, Ihre Homepage in eine Zielseite zu verwandeln, auf der der Besucher sofort auf Ihre Sprache klicken kann. Mit dieser Technik können Sie Ihre gesamte Homepage-Navigation ausblenden und den Personen einfach zwei (oder mehr) Optionen für die gewünschte Sprache präsentieren.
So habe ich es auf dieser Beispielwebsite gemacht:
- Ich habe zwei Bilder in Canva erstellt, eines, das Englisch sprach, und das andere, das Spanisch sprach.
- Ich habe sie als zwei Fotoelemente in einem Spaltenelement auf meine Homepage hochgeladen. Dann habe ich jede Seite mit der richtigen Sprachseite auf meiner Website verknüpft.
- Ich ging zu Navigation bearbeiten und versteckte alle meine Menüelemente der obersten Ebene, indem ich auf das Augapfelsymbol neben ihnen klickte. Dies bedeutet, dass auf meiner Homepage kein Navigationsmenü angezeigt wird.
Wenn jemand auf das Bild für seine Sprache klickt, wird er auf eine zweite Seite gehen und das vollständige Menü auf Englisch (oder Spanisch) sehen, wenn er dort ankommt. Dies gibt die Illusion von zwei verschiedenen Sprachwebsites.
Hinweis: Diese Technik funktioniert nur mit wenigen Vorlagen, dh solchen mit horizontalen primären und sekundären Menüs (ohne Dropdown-Menüs) und einer Seitenleiste unten. Dazu gehören Lille, New York, Riga, Rio de Janeiro und Zürich.
