In diesem Beitrag
Wenn Sie eine mehrsprachige Website starten, ist eine der ersten Designentscheidungen, vor denen Sie stehen, wie Sie Ihren Besuchern Sprachoptionen präsentieren. Zahlreiche Websites verwenden standardmäßig Flaggensymbole. Obwohl dies ansprechend aussehen und Platz sparen kann, schaffen sie oft mehr Probleme, als sie lösen. Das Problem geht tiefer als die Ästhetik, da Flaggen Länder und keine Sprachen repräsentieren.
In diesem Beitrag werde ich Ihnen die Herausforderungen bei der Verwendung von Flaggensymbolen für die Sprachauswahl näherbringen und Ihnen zeigen, wie TranslatePress diese Probleme löst. Außerdem werde ich Ihnen die besten Kombinationen aus Flaggen, Sprachcodes und Bezeichnungen vorstellen, die Ihren internationalen Besuchern eine übersichtliche Benutzererfahrung bieten.
Warum Sprachumschalter mit reinen Flaggen Probleme verursachen
Das grundlegende Problem von rein flaggenbasierten Sprachwechslern besteht darin, dass sie Geografie mit Sprache verwechseln. Diese Verwirrung äußert sich auf verschiedene Weise, die Ihre Besucher frustrieren und Ihrem Benutzerfreundlichkeit der Website.
Zum Beispiel, Dutzende von Ländern sprechen Englisch als offizielle oder primäre Sprache. Wenn Sie nur eine britische Flagge anzeigen, könnten sich Besucher aus den Vereinigten Staaten fragen, ob die Inhalte britische Rechtschreibung und Terminologie verwenden. Wenn Sie stattdessen eine US-Flagge verwenden, riskieren Sie, Besucher aus Großbritannien, Irland, Kanada und Australien zu verwirren. Es gibt keine einzelne Flagge, die die englische Sprache repräsentiert, ohne diese Mehrdeutigkeit zu erzeugen.
Das Problem vervielfacht sich bei Sprachen, die in vielen Regionen gesprochen werden:
- Spanisch ist in vielen Ländern die Amtssprache.
- Arabisch dient in einer weiteren Gruppe von Ländern als Amtssprache.
- Portugiesisch wird in Portugal, Brasilien und mehreren afrikanischen Staaten gesprochen.
Wenn Sie eine einzige Flagge verwenden, um diese Sprachen zu repräsentieren, treffen Sie eine willkürliche Entscheidung, die die Mehrheit der Sprecher ausschließt.
Einige Sprachen stehen vor einer noch komplexeren Herausforderung, da ihnen ein entsprechender Nationalstaat fehlt. Kurdisch wird von Millionen Menschen in der Türkei, im Irak, im Iran und in Syrien gesprochen, hat aber keine Nationalflagge. Gleiches gilt für Katalanisch, das in Teilen Spaniens, Frankreichs und Andorras gesprochen wird. Für diese Sprachen wird die Auswahl einer Flagge unmöglich, ohne politische oder kulturelle Spannungen zu erzeugen.
Es gibt auch Regionalsprachen und Dialekte, die keine politischen Grenzen kennen. Kurz gesagt, wenn Ihr Website-Lokalisierung müssen diese Sprachen einbeziehen, Flaggen-basierte Auswahlsysteme können ihnen einfach nicht gerecht werden.
Flaggenerkennung und Bedenken hinsichtlich der Barrierefreiheit bei Systemen, die nur Flaggen verwenden
Die meisten Menschen können geläufige Flaggen wie die der Vereinigten Staaten, Großbritanniens, Frankreichs und Deutschlands erkennen. Flaggen kleinerer Nationen oder solche mit ähnlichen Designs können Besucher jedoch verwirren. Können Sie beispielsweise unterscheiden, welche dieser Flaggen rumänisch und welche tschadisch ist?
Beide verwenden vertikale Streifen in Blau, Gelb und Rot. Die Verwirrung erstreckt sich auf Flaggen, die bei kleiner Darstellung ähnlich aussehen, wenn Details schwer zu erkennen sind.
Schalter, die nur aus einem Flag bestehen, können oft versagen Barrierefreiheitsstandards zu. Ähnlich wie andere Bilder können Screenreader Flaggenbilder ohne geeigneten Alternativtext nicht interpretieren. Selbst mit Alt-Text bleibt die Erfahrung suboptimal. Sehbehinderte Nutzer profitieren weit mehr von Textbeschriftungen, die den Namen der Sprache klar benennen.
Wann Flags für Ihre Website sinnvoll sein könnten
Ich habe ein leicht negatives Bild über die Verwendung von Flags gezeichnet, aber sie kann in bestimmten begrenzten Kontexten funktionieren. Es ist wichtig, diese Ausnahmen anzuerkennen, da sie Situationen darstellen, in denen die visuelle Attraktivität von Flaggen die mögliche Verwirrung überwiegt.
Der entscheidende Faktor bei diesen Ausnahmen ist, dass Flaggen als ergänzende visuelle Elemente und nicht als einziges Kommunikationsmittel dienen. Wenn Sie Flaggen mit klaren Textbeschriftungen kombinieren, erhalten Sie den visuellen Vorteil von Flaggen bei gleichzeitiger Wahrung von Benutzerfreundlichkeit und Barrierefreiheit. Dieser hybride Ansatz ermöglicht Ihnen visuelle Attraktivität, ohne an Klarheit einzubüßen.
Seiten mit wenigen, erkennbaren Sprachen
Wenn Ihre Website nur zwei oder drei Sprachen mit starken nationalen Zuordnungen unterstützt, können Flaggen als wirksame visuelle Indikatoren dienen. Eine Tourismus-Website, die englische und französische Inhalte anbietet, könnte ‘Anker’-Flaggen neben den Sprachnamen verwenden, ohne Verwirrung zu stiften.
Der Italien entdecken Tourismusseite nutzt diesen Ansatz.
Bei einer begrenzten Auswahl an Sprachen funktioniert die Kombination aus Flagge und Name, weil die Sprachoptionen klar sind und die Zielgruppe diese spezifischen Optionen erwartet.
Länderspezifische Inhalte und E-Commerce
Websites mit starken länderspezifischen Inhalten können ebenfalls Flaggen effektiv nutzen. Wenn Sie separate Versionen Ihrer Website für die Vereinigten Staaten, Kanada und das Vereinigte Königreich betreiben, jeweils mit lokalisierten Inhalten, Preisen und Versandinformationen, sind Landesflaggen sinnvoll. In diesem Fall wechseln Sie das gesamte länderspezifische Erlebnis.
Zum Beispiel, Amazon nutzt Flaggen in Bereichen seiner globalen Navigation, da jede Flagge einen völlig anderen Marktplatz mit einzigartigem Inventar, Preisen und Lieferoptionen repräsentiert.
Hier kommunizieren die Flaggen den geografischen Standort statt nur die Sprachpräferenz, was der Funktionsweise ihrer Plattform entspricht.
Die Probleme gängiger Flag-basierter Implementierungen
Man kann oft spezifische Implementierungsfehler beobachten, die auf den Problemen von rein auf Flaggen basierenden Auswahlen aufbauen. Beispielsweise verwenden viele Websites Flaggen in Dropdown-Menüs ohne jeglichen begleitenden Text. Der Nutzer sieht ein kleines Flaggen-Symbol im Header, klickt darauf und stößt auf eine Liste weiterer Flaggen.
Dieser Ansatz ist problematisch, weil die Nutzer erstens erkennen müssen, dass sie auf die Flagge klicken können, um auf Sprachoptionen zuzugreifen. Dann müssen sie jede Flagge im Menü identifizieren. Auf Mobilgeräten ist es noch schlimmer, da man leicht versehentlich die falsche Sprache auswählt. Unabhängig davon ist das Resultat eine schlechte Benutzererfahrung.
Apropos Mobiltelefon, Flaggen benötigen genügend Pixel, um erkennbar zu sein, aber Sprachumschalter nehmen oft nur begrenzten Platz auf dem Bildschirm ein. Wenn Sie Flaggen verkleinern, um sie in ein kompaktes Menü einzupassen, verschwinden die Details, die ähnliche Flaggen voneinander unterscheiden.
Wie man Sprachen richtig präsentiert (3 Tipps)
Meiner Ansicht nach kombiniert der beste Ansatz für die Sprachpräsentation mehrere Elemente, die zusammenarbeiten, um Klarheit zu schaffen. Hier sind ein paar Tipps, die Ihnen helfen, es von Anfang an richtig zu machen.
1. Verwenden Sie immer die Namen in der Muttersprache
Sprachnamen sollten immer in ihrer Muttersprache erscheinen. Wenn Sie Deutsch anbieten, zeigen Sie es als “Deutsch” statt als “German” an. Namen von Muttersprachen funktionieren, weil Menschen ihre eigene Sprache erkennen, selbst wenn sie von fremdem Text umgeben ist.
Der BBC-Website demonstriert dieses Prinzip bei seinen globalen Diensten.
Jede Sprachversion zeigt Sprachen in ihren eigenen Schriften und Namen an. Dieser Ansatz stellt sicher, dass Besucher ihre Sprache finden können, egal ob sie Arabisch, Bengali, Hindi oder eine der anderen von der BBC unterstützten Sprachen sprechen.
2. Sprachcodes für platzbeschränkte Layouts berücksichtigen
Sprachcodes können eine kompakte Alternative sein, wenn der Platz knapp ist. ISO-639-1-Codes wie “EN”, “ES” und “FR” nehmen nur wenig Platz ein und funktionieren in beengten Layouts gut. Ich empfehle jedoch, Codes nur dann zu verwenden, wenn der Platz es unbedingt erfordert, da sie voraussetzen, dass die Benutzer diese standardisierten Abkürzungen verstehen.
TranslatePress bietet eine Ein-Klick-Option, um anstelle der vollständigen Bezeichnungen Sprachcodes zu verwenden. Die Herausforderung besteht jedoch darin, dass viele Internetnutzer die Bedeutung von beispielsweise “PT” für Portugiesisch oder “NL” für Niederländisch nicht kennen. Diese Codes eignen sich besser für ein technisches Publikum oder für Websites, auf denen die Nutzer mit Sprachabkürzungen vertraut sind. Finanzplattformen und Entwicklertools setzen solche Codes oft erfolgreich ein, da ihre Zielgruppen sie verstehen.
3. Berücksichtigen Sie Sprachen von rechts nach links
Sprachen mit Leserichtung von rechts nach links (RTL) wie Arabisch, Hebräisch und Persisch erfordern besondere Aufmerksamkeit, da Ihre gesamte Website (und somit auch Ihr Sprachumschalter) für RTL-Sprachen spiegelverkehrt dargestellt werden muss. Kombinationen aus Flagge und Name müssen umgekehrt werden, wobei die Flagge auf der rechten Seite des Textes erscheint.
TranslatePress unterstützt RTL-Sprachen automatisch erkennt, wenn eine Sprache eine Schriftart von rechts nach links verwendet, und die Website entsprechend anpasst. Dies stellt sicher, dass Ihr Sprachumschalter unabhängig von der vom Benutzer gewählten Sprache einen ordnungsgemäßen Lesefluss beibehält.
Sprachumschaltoptionen von ’TranslatePress“
TranslatePress bietet einige flexible Anzeigeoptionen, die die ‘Flaggen-Kontroverse’ lösen und Ihnen gleichzeitig die Kontrolle über das Erscheinungsbild Ihrer Website geben.
TranslatePress Mehrsprachig
Es wird empfohlen, neben dem vollständigen Ländernamen auch Flaggen anzuzeigen. Dies ist die Standardeinstellung bei TranslatePress und funktioniert gut, da sie optisch übersichtlich ist. Es ist eine hervorragende Balance, insbesondere für mehrsprachige E-Commerce-Websites wo eine klare Kommunikation für Conversions entscheidend ist. Wenn Ihr Design jedoch einen kompakteren Ansatz erfordert, können Sie Flaggen mit Sprachcodes anstelle der vollständigen Namen anzeigen.
Wenn Sie ganz auf die Verwendung von Kennzeichnungen verzichten möchten, können Sie mit TranslatePress nur die Namen in der jeweiligen Landessprache anzeigen lassen. Auf diese Weise lassen sich mögliche Verwechslungen vermeiden und gleichzeitig die Übersichtlichkeit gewährleisten.
Während der Umschalter zwar etwas mehr horizontalen Platz beansprucht, beseitigt er jedoch die Unklarheit darüber, welche Sprache die jeweilige Option darstellt.
Schließlich – und ja, ich widerspreche mir jetzt selbst ein wenig – könnten Sie sich auch dafür entscheiden, nur Flaggen anzuzeigen! Websites mit einer geringen Anzahl weithin bekannter Sprachen bevorzugen diesen visuellen Ansatz vielleicht, obwohl Sie sicherstellen sollten, dass Sie die zuvor genannten Kriterien erfüllen. Schließlich ist dies eine spezifische Option für einen bestimmten Zweck.
So konfigurieren Sie die Sprachauswahl in TranslatePress
Die Einrichtung Ihres bevorzugten Sprachformats in TranslatePress ist unkompliziert und schnell umgesetzt. Navigieren Sie zunächst zu Einstellungen → TranslatePress innerhalb von WordPress. Im Sprachwechsler Abschnitt sehen Sie Optionen für sowohl den schwebenden Sprachumschalter als auch für andere Anzeigemethoden wie Menüpunkte und Shortcodes.
Sie können das öffnen Layout anpassen Bedienfeld zum Platzieren der Flaggen oder zum vollständigen Ausblenden. Das Design anpassen Das Panel bietet Ihnen zudem einige zusätzliche Optionen zur Anzeige von Flaggen:
Übrigens können Sie Ihre Sprachcodes und Slugs festlegen auf der Allgemein Registerkarte. Sobald Sie Ihre Änderungen gespeichert haben, wendet TranslatePress Ihre Auswahl an.
Wo Sie Ihren Sprachwechsler platzieren
Obwohl sich dieser Beitrag nicht mit dem Design von Sprachwechslern befasst, tun Bevor ich zum Ende komme, möchte ich noch auf den optimalsten Standort eingehen, da dies beeinflusst, wie leicht Besucher ihn finden und nutzen können. Es gibt vier verschiedene Plätze, an denen sich Ihr Umschalter befinden kann:
- Im Header.
- Im Footer.
- Schwebend in Abhängigkeit vom Seiten-Viewport und dem Scrollverhalten des Benutzers.
- In Ihrem Navigationsmenü.
Die Kopf- oder Fußzeile eignet sich für die meisten Websites gut, insbesondere wenn Sie die Sprachauswahl in der oberen oder unteren rechten Ecke platzieren. Das TranslatePress Switcher-Vorschau Das Display gibt Ihnen einen kurzen Hinweis darauf, wie das aussehen wird, aber eine Vollbild-Seitenansicht ist die bessere Option.
Es fühlt sich logisch an, den Sprachumschalter im Header zu haben, aber ich persönlich nehme mir eher die Freiheit, im Footer zu suchen, wenn der Umschalter nicht mitschwebt.
Im Allgemeinen ist es sinnvoll, den Umschalter in der Fußzeile zu platzieren, wenn die Sprachauswahl einmalig zu Beginn des Besuchs eines Nutzers erfolgt. Wenn die meisten Nutzer in ihrer bevorzugten Sprache auf Ihrer Website ankommen durch Suchmaschinen oder automatische Erkennung, ist es wahrscheinlich, dass der ständige Zugriff auf Sprachoptionen keine Priorität sein wird.
Die Standardeinstellung von ’TranslatePress“ ist ein schwebender Sprachumschalter, der als Schaltfläche fungiert, die dem Nutzer beim Scrollen folgt. Dies ist eine moderne Methode, um die Sprachoptionen leicht zugänglich zu halten, ohne Platz in der Kopfzeile oder auf der Seite zu beanspruchen.
Für Websites mit mehreren Menüebenen oder komplexer Navigation ist das Hinzufügen des Sprachwechslers zu Ihrem Hauptnavigationsmenü eine gute Option. Optionen für den Sprachumschalter von ’TranslatePress“ Schließe separate Menüs für Floating, Menüs und das Einbetten mit Shortcodes ein – so hast du jede Menge Flexibilität zur Hand.
TranslatePress macht die Sprachauswahl einfach und übersichtlich
’TranslatePress“ Mit den Sprachumschalter-Optionen können Sie mit sinnvollen Standardeinstellungen beginnen, die für die meisten Websites funktionieren und die Sie dann an Ihre spezifischen Anforderungen anpassen können. Die Wahl der richtigen Anzeigeeinstellungen für Flaggen und die zugehörige Länderkennung der Sprache bewirkt Wunder für Ihre UX und damit auch für den Ruf Ihrer Website.
TranslatePress Mehrsprachig
Mit den einfachen (und dennoch leistungsstarken) Flaggenoptionen von ’TranslatePress“ können Sie Ihren Sprachumschalter optimal auf Ihre Website abstimmen. Selbstverständlich bietet das Plugin auch Funktionen für automatische Übersetzungen, manuelle Bearbeitung und SEO, damit Sie ein abgerundetes und vollständiges Übersetzungspaket erstellen können.
Werden Sie Ihre Strategie hinsichtlich der Anzeige von Sprachflaggen-Symbolen überdenken? Teilen Sie Ihre Gedanken unten im Kommentarbereich mit mir!
