{"id":4256,"date":"2020-03-12T14:50:10","date_gmt":"2020-03-12T14:50:10","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-eine-mehrsprachige-website-mit-beispielen\/"},"modified":"2020-03-12T14:50:10","modified_gmt":"2020-03-12T14:50:10","slug":"so-erstellen-sie-eine-mehrsprachige-website-mit-beispielen","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-eine-mehrsprachige-website-mit-beispielen\/","title":{"rendered":"So erstellen Sie eine mehrsprachige Website mit Beispielen"},"content":{"rendered":"

Jimdos Kunden sind eine kosmopolitische Gruppe, und viele von Ihnen m\u00f6chten mehrsprachige Websites erstellen. Unabh\u00e4ngig davon, ob es sich um ein in verschiedenen L\u00e4ndern t\u00e4tiges Unternehmen oder eine mehrsprachige Website f\u00fcr Lebensl\u00e4ufe 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\u00fcgbar und f\u00fcr Kunden einfach zu verwenden ist, kann manchmal schwierig erscheinen.<\/p>\n

In diesem Beitrag werde ich einige der Techniken und Vorlagen zum Erstellen einer mehrsprachigen Website erl\u00e4utern. Ich werde auch Beispiele f\u00fcr Jimdos mehrsprachige Websites vorstellen, die diese haben: Sie haben klare, funktionale und sch\u00f6ne Websites in mehreren Sprachen erstellt!<\/p>\n

Was ist f\u00fcr eine erfolgreiche mehrsprachige oder zweisprachige Website zu beachten?<\/p>\n

Sie m\u00fcssen vorausplanen und Inhalte in allen Sprachen erstellen:<\/strong> Wenn wir \u00fcber mehrsprachige Websites sprechen, geht es wirklich darum, zwei (oder mehr) Texts\u00e4tze in verschiedenen Sprachen zu erstellen, die zusammen auf einer Website existieren k\u00f6nnen. Um dies erfolgreich durchzuf\u00fchren, m\u00fcssen Sie sich im Voraus \u00fcberlegen, wie Sie Ihre Navigationsmen\u00fcs und Ihren Lageplan organisieren (mehr dazu weiter unten). Mit anderen Worten, es ist wirklich schwierig, eine Website nachtr\u00e4glich mehrsprachig zu gestalten.<\/p>\n

Wenn Sie also eine "echte" mehrsprachige Website mit guten \u00dcbersetzungen, einer einfachen Benutzeroberfl\u00e4che und einem SEO-Vorteil von Inhalten in verschiedenen Sprachen erstellen m\u00f6chten, lesen Sie weiter, denn diese Websites sind wirklich gut:<\/p>\n

Verwenden von Dropdown-Men\u00fcs f\u00fcr eine mehrsprachige Website<\/h2>\n

Norla Design<\/strong>
Vorlage: Rom<\/strong><\/p>\n

\"Norla<\/p>\n

Der Norla Design Online-Shop nutzt das Dropdown-Men\u00fc und den gro\u00dfen Kopfbereich in der Rom-Vorlage.<\/p>\n

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.<\/p>\n

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\u00fcs angezeigt werden. Benutzer k\u00f6nnen das vollst\u00e4ndige Men\u00fc ihrer Sprache sofort sehen, wenn sie auf die richtige Sprache klicken.<\/p>\n

Wenn Sie auf Ihrer eigenen Website etwas \u00c4hnliches getan haben, sieht Ihr Navigationsmen\u00fc m\u00f6glicherweise folgenderma\u00dfen aus:
\"Jimdo
Bitte beachten Sie, dass alle Jimdo-Websites bis zu 3 Navigationsebenen haben k\u00f6nnen. Bei dieser Technik h\u00e4ngen Sie haupts\u00e4chlich von Ihren sekund\u00e4ren und terti\u00e4ren Navigationsebenen ab, da Ihre Hauptnavigationsebene zum Teilen von Sprachen verwendet wird. Sie m\u00fcssen also Ihre Navigation einfach halten – Sie k\u00f6nnen sich nicht darauf verlassen, dass eine Menge Unterseiten auf eine vierte oder f\u00fcnfte Ebene gehen. Am Ende ist das gut, denn Webseiten mit einfacheren Navigationsstrukturen sind viel einfacher zu verfolgen.<\/p>\n

Jimdo-Vorlagen mit Dropdown-Men\u00fcs umfassen Rom, Barcelona, \u200b\u200bPrag, Helsinki, Kairo und Miami. Um alle Vorlagen mit Dropdown-Men\u00fcs anzuzeigen, besuchen Sie unseren Vorlagenfilter und w\u00e4hlen Sie unter "Men\u00fcs" das Dropdown-Men\u00fc.<\/p>\n

Verwenden von Registerkarten f\u00fcr eine mehrsprachige Website<\/h2>\n

Freiheit und Geist<\/strong>
Kader: Hamburg<\/strong><\/p>\n

\"Mehrsprachige<\/p>\n

Diese mehrsprachige Website verwendet die sekund\u00e4re Navigation der Hamburger Vorlage, um deren Inhalt in verschiedene Sprachen zu unterteilen. Alle drei Sprachen befinden sich im oberen Men\u00fc, und Unterseiten f\u00fcr jede Sprache werden links in einem vertikalen Men\u00fc angezeigt.<\/p>\n

Die Freedom & Spirit-Website ist ein gro\u00dfartiges Beispiel f\u00fcr eine mehrsprachige Website, die gut funktioniert Hamburg<\/strong> Modell. Visuell beginnt Ihr Auge links mit dem orangefarbenen Logo und bewegt sich dann nat\u00fcrlich zur rechten Seite der Seite, wo Sie die orangefarbenen und grauen Registerkarten zum Wechseln der Sprache sehen.<\/p>\n

Um diesen Effekt zu erzielen, haben sie ihre Hauptelemente des Navigationsmen\u00fcs auf FR, NL und EN konfiguriert. Dann haben sie den Stil-Editor verwendet, um ihre Navigationsleiste nach rechts auszurichten und die Men\u00fcfarben zu \u00e4ndern. Die grauen und orangefarbenen Farboptionen machen anscheinend gute Arbeit auf Registerkarten und machen den Leuten klar, in welcher Sprache sie sind.<\/p>\n

Sobald ein Benutzer eine Sprache ausgew\u00e4hlt hat, wird auf der linken Seite das entsprechende Men\u00fc f\u00fcr diese Sprache (Unterseiten) angezeigt.<\/p>\n

So w\u00fcrde unser vorheriges Beispielnavigationsmen\u00fc mit derselben Konfiguration aussehen:<\/p>\n

\"Beispielseite<\/p>\n

Vorlagen mit einer \u00e4hnlichen "geteilten" Navigationsebene, die daher f\u00fcr mehrsprachige Websites gut geeignet sind, sind Chicago, Bordeaux, Hamburg, Madrid, Lille und Hongkong.<\/p>\n

Verwenden von Flags f\u00fcr eine mehrsprachige Website<\/h2>\n

Skate Station<\/strong>
Vorlage: Z\u00fcrich<\/strong><\/p>\n

\"Skatestation\"<\/p>\n

Mehrsprachige Station Skate Seite mit Z\u00fcrcher Mitarbeitern.<\/p>\n

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.<\/p>\n

In der Z\u00fcrich<\/strong> In der Vorlage wird die sekund\u00e4re Navigation horizontal direkt unter der Hauptnavigation angezeigt. Hier haben sie dieses Men\u00fc noch st\u00e4rker betont, indem sie die prim\u00e4re Navigation ("Home" und "Home") nur zu einer 13-Punkt-Schriftart gemacht haben, sodass ihr Blick auf die sekund\u00e4re Navigation als "prim\u00e4re" Schrift gerichtet ist.<\/p>\n

Dann f\u00fcgten sie eine Sprachflagge als kleines, rechts ausgerichtetes fotografisches Element ein und verkn\u00fcpften 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\u00f6nnen, einschlie\u00dflich Flaggen.)<\/p>\n

Erstellen Sie mehrere Websites<\/h2>\n

Camping Cheverny<\/strong>
Vorlage: Madrid<\/strong><\/p>\n

\"Camping<\/p>\n

Die Website von Camping Cheverny hat ihren mehrsprachigen Inhalt noch weiter verbessert, indem zwei v\u00f6llig unterschiedliche Websites erstellt wurden, eine f\u00fcr Franz\u00f6sisch und eine f\u00fcr Englisch. Sie sind durch kleine geladene Flaggensymbole wie Photo Elements miteinander verbunden.<\/p>\n

Der Hauptvorteil von zwei verschiedenen Websites besteht darin, dass Sie f\u00fcr jede Website einen anderen Domainnamen haben k\u00f6nnen (sie haben .com- und .eu-Domains verwendet). Zweitens m\u00fcssen Sie sich nicht darum k\u00fcmmern, eine gro\u00dfe Menge an Sprachinhalten in einem Navigationsmen\u00fc auszugleichen – jede Sprache erh\u00e4lt eine Website f\u00fcr sich.<\/p>\n

Die Verwendung separater Websites ist \u00fcblich, wenn Sie separate Domains ben\u00f6tigen und viel Inhalt haben. Es k\u00f6nnte auch die beste Wahl sein, wenn Ihre verschiedenen Sprachen auch kulturelle Unterschiede aufweisen, die m\u00f6glicherweise unterschiedliche Fotos und eine unterschiedliche Benutzererfahrung erfordern.<\/p>\n

Erstellen Sie eine Zielseite oder eine Zielseite f\u00fcr eine mehrsprachige Website<\/h2>\n

Vorlage: Lille<\/strong><\/p>\n

\"Kaffee<\/p>\n

Eine andere M\u00f6glichkeit, das mehrsprachige R\u00e4tsel zu l\u00f6sen, besteht darin, Ihre Homepage in eine Zielseite zu verwandeln, auf der der Besucher sofort auf Ihre Sprache klicken kann. Mit dieser Technik k\u00f6nnen Sie Ihre gesamte Homepage-Navigation ausblenden und den Personen einfach zwei (oder mehr) Optionen f\u00fcr die gew\u00fcnschte Sprache pr\u00e4sentieren.
So habe ich es auf dieser Beispielwebsite gemacht:<\/p>\n

    \n
  • Ich habe zwei Bilder in Canva erstellt, eines, das Englisch sprach, und das andere, das Spanisch sprach.<\/li>\n
  • 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\u00fcpft.<\/li>\n<\/ul>\n

    \"Jimdo-Spalten\"<\/p>\n

      \n
    • Ich ging zu Navigation bearbeiten und versteckte alle meine Men\u00fcelemente der obersten Ebene, indem ich auf das Augapfelsymbol neben ihnen klickte. Dies bedeutet, dass auf meiner Homepage kein Navigationsmen\u00fc angezeigt wird.<\/li>\n<\/ul>\n

      \"Jimdo-Navigation<\/p>\n

      Wenn jemand auf das Bild f\u00fcr seine Sprache klickt, wird er auf eine zweite Seite gehen und das vollst\u00e4ndige Men\u00fc auf Englisch (oder Spanisch) sehen, wenn er dort ankommt. Dies gibt die Illusion von zwei verschiedenen Sprachwebsites.<\/p>\n

      Hinweis: Diese Technik funktioniert nur mit wenigen Vorlagen, dh solchen mit horizontalen prim\u00e4ren und sekund\u00e4ren Men\u00fcs (ohne Dropdown-Men\u00fcs) und einer Seitenleiste unten. Dazu geh\u00f6ren Lille, New York, Riga, Rio de Janeiro und Z\u00fcrich.<\/p>\n ","protected":false},"excerpt":{"rendered":"

      Jimdos Kunden sind eine kosmopolitische Gruppe, und viele von Ihnen m\u00f6chten mehrsprachige Websites erstellen. Unabh\u00e4ngig davon, ob es sich um ein in verschiedenen L\u00e4ndern t\u00e4tiges Unternehmen oder eine mehrsprachige Website f\u00fcr Lebensl\u00e4ufe handelt, sollte Ihre Zielgruppe in der Lage sein, die Informationen in Ihrer Sprache zu lesen. Das Einrichten einer Website, deren gesamter Inhalt in […]<\/p>\n","protected":false},"author":1,"featured_media":4257,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/4256"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=4256"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/4256\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/4257"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=4256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=4256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=4256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}