Die Sprachauswahl ist ein wichtiges Element, auf das Sie bei der Erstellung einer mehrsprachigen Website , da Benutzer häufig auf die Sprachumschaltung zugreifen, wenn sie die Sprache wechseln möchten.
Eine effektive Schaltfläche zur Sprachumschaltung kann einer Website mehrere Vorteile bieten, von der Verbesserung der Weboptimierung bis hin zur Steigerung des Umsatzes.
In diesem Artikel besprechen wir Best Practices für die Gestaltung von Sprachselektoren. Lassen Sie uns im folgenden Artikel näher darauf eingehen.
Ein Sprachwähler ist ein Element oder eine Funktion der Benutzeroberfläche, mit der Benutzer die Sprache auswählen können, mit der sie mit einer Website, Anwendung oder einer anderen digitalen Plattform interagieren möchten. Es ist häufig auf Websites, Softwareanwendungen und anderen digitalen Schnittstellen zu finden und richtet sich an Benutzer, die verschiedene Sprachen sprechen.
Die Sprachauswahl zeigt normalerweise eine Liste der verfügbaren Sprachen an und der Benutzer kann aus dieser Liste die Sprache seiner Wahl auswählen. Nach der Auswahl werden die Inhalte der Benutzeroberfläche, einschließlich Text, Beschriftungen und manchmal auch Bildern, in der ausgewählten Sprache angezeigt. Dies ist besonders wichtig für Websites und Apps, die ein globales Publikum oder eine vielfältige Benutzerbasis bedienen.
Sprachwähler tragen zu einer besseren Benutzererfahrung bei, indem sie digitale Inhalte einem breiteren Publikum zugänglich machen, unabhängig von deren Sprachkenntnissen. Sie sind ein wichtiger Bestandteil der Lokalisierungsbemühungen und ermöglichen es Entwicklern und Designern, ihre Produkte an unterschiedliche sprachliche und kulturelle Kontexte anzupassen.
Die Anpassung des Sprachumschalters auf einer mehrsprachigen Website hat mehrere wichtige Vorteile.
Jeder Websitebesitzer wird sich sicherlich genau überlegen, wie seine Sprachauswahl aussieht, natürlich hat jede Website andere Vorlieben. Für diejenigen unter Ihnen, die nach einer Art Sprachauswahl suchen, die verwendet werden kann, finden Sie hier einige davon.
Dies ist eine der am häufigsten verwendeten Arten von Sprachumschaltern. Bei der Sprachschaltfläche handelt es sich normalerweise um ein Symbol oder einen Text, der die angezeigte Sprache angibt, z. B. „EN“ für Englisch oder eine Landesflagge zur Darstellung einer bestimmten Sprache. Wenn Benutzer auf die Sprachschaltfläche klicken, werden sie zur Version der Website in der entsprechenden Sprache weitergeleitet.
Für Sprachschaltflächen wird empfohlen, eine begrenzte Anzahl von Sprachen anzuzeigen, um eine überladene Anzeige zu vermeiden. Im Allgemeinen können mehr als 4 bis 5 Sprachen einen geschäftigen visuellen Effekt erzeugen. Es ist wichtig, die Schaltfläche an einer gut sichtbaren Stelle zu platzieren, damit Benutzer sie leicht finden können. Wir werden diese Aspekte im nächsten Abschnitt dieses Artikels weiter besprechen.
Sprachschaltflächen können für Unternehmen geeignet sein, die auf bestimmte Märkte abzielen oder internationale Gemeinschaften an bestimmten Standorten bedienen. Nachfolgend finden Sie ein Beispiel für die Verwendung der Sprachschaltfläche auf der WHO-Website.
Textlinks sind eine Art Sprachumschalter, der Text in Form des Sprachnamens als Link verwendet. Sie können beispielsweise Textlinks wie „Englisch“, „Français“ oder „Español“ anzeigen, die Benutzer zu einer Version der Website in der ausgewählten Sprache führen. Dieser Textlink wird normalerweise in einer Liste oder einem Dropdown-Menü platziert, um Benutzern die Auswahl der gewünschten Sprache zu erleichtern.
Eine Art Link-Sprachauswahl wird von der großen Firma Facebook verwendet. Zusätzlich zu den aufgelisteten Sprachen können Sie auch auf das (+)-Symbol drücken, um weitere Sprachen zu finden.
Danach wird die Seite sofort in die zuvor ausgewählte Sprache übersetzt.
Ein Auswahlmenü ist eine Art Sprachumschalter, der ein Dropdown-Menü oder ein offenes Menü verwendet, um eine Sprache auszuwählen. Wenn Benutzer auf das Optionsmenü klicken, wird ihnen eine Liste der verfügbaren Sprachen angezeigt und sie können die gewünschte Sprache auswählen. Das Optionsmenü kann Ländersymbole oder Flaggen als Sprachindikatoren sowie Sprachnamen im Text enthalten.
Das Auswahlmenü unterscheidet sich deutlich von der Sprachschaltfläche, dieser Typ ist komplexer als nur eine Schaltfläche. Wie das folgende Beispiel, das von der Porsche-Website stammt.
Sie bieten eine Website zur Sprachauswahl, auf der Benutzer direkt ihre Sprache oder ihr Zielland eingeben können.
Nachdem Sie die verschiedenen Arten von Sprachselektoren verstanden haben, die auf Websites verwendet werden können, ist es beim Erstellen eines Sprachselektors wichtig, Best Practices anzuwenden, damit Sie einen Sprachselektor erstellen können, der effektiv ist und eine gute Benutzererfahrung bieten kann. Hier sind einige Best Practices.
An diesem Punkt kennen Sie die Best Practices für Sprachselektoren. Diese Übersetzung kann durchgeführt werden, nachdem Sie den Website-Übersetzungsdienst genutzt haben. Allerdings bieten nicht alle Übersetzungsdienste Flexibilität bei den Sprachauswahleinstellungen.
Aber machen Sie sich keine Sorgen, denn Linguise ist nicht so. Linguise ist ein automatischer Übersetzungsdienst, der eine benutzerspezifische Anpassung des Sprachumschalters ermöglicht. Zu den Vorteilen, die Sie durch die Verwendung Linguise erhalten, gehören:
In diesem Tutorial verwenden wir WordPress als Beispiel für das verwendete CMS.
Um auf den Sprachumschalter von Linguise , müssen Sie zunächst ein Konto bei Linguise . Linguise bietet außerdem eine einmonatige kostenlose Testversion an, die eine Vielzahl von Funktionen umfasst, die Sie nutzen können.
Der zweite Schritt besteht darin, die Website-Domain in Linguise , die Sie bereits besitzen, zum Linguise Dashboard hinzuzufügen. Es gibt mehrere Dinge, die Sie ausfüllen müssen, beginnend mit.
Danach müssen Sie den API-Schlüssel aktivieren und die Sprach-URL festlegen. Eine vollständige Anleitung zum Hinzufügen einer Website-Domain finden Sie in der Dokumentation. Speziell für WordPress können Sie sie einsehen, indem Sie die automatische Übersetzung Linguise WordPress installieren oder sich das Video-Tutorial unten ansehen.
Nachdem Sie erfolgreich eine Website hinzugefügt haben, öffnen Sie das WordPress Dashboard und installieren Sie das Linguise Plugin. Dies geschieht über Plugins > Neu hinzufügen > Linguise > Installieren > Aktivieren.
Wenn das Plugin bereits installiert ist, gehen Sie zum Linguise Dashboard und kopieren Sie den API-Schlüssel.
Öffnen Sie dann das Linguise Plugin und fügen Sie den API-Code, den Sie vom Linguise Dashboard erhalten haben, in die folgende Spalte ein.
Um einen Sprachumschalter zu konfigurieren oder Sprachflaggen anzuzeigen, führen Sie die Schritte über das Linguise Dashboard im Menü Einstellungen > Anzeige der Sprachflaggen aus.
Bei der Ersteinrichtung nehmen wir unter Berücksichtigung der verschiedenen Komponenten Anpassungen an der Hauptanzeige vor.
Eine erste Überlegung ist die Konfiguration des Anzeigeformats der Sprachliste, das drei Optionen zur Auswahl bietet: nebeneinander, Dropdown oder Popup. Auf der linken Seite gibt es für jedes Format eine Vorschauanzeige.
Das erste Format ist, wie unten gezeigt, ein Side-by-Side-Layout.
Das folgende Format verwendet einen Dropdown-Stil, wie im Bild unten dargestellt.
Als letzte Option haben wir schließlich das Popup-Format.
Als nächstes fahren wir mit dem nächsten Schritt fort, bei dem die Position des Sprachumschalters konfiguriert wird. Sie haben die Flexibilität, aus verschiedenen Positionsoptionen zu wählen. Daher ist es wichtig, eine Position auszuwählen, die für Besucher gut erkennbar ist.
Abschließend müssen Sie die Kombinationspräferenz für die Anzeige der Sprachoptionen festlegen. Sie können zwischen Optionen wie Flagge + Sprachname, Flagge + Kurzname oder einfach nur der Anzeige der Flagge allein wählen. Diese Entscheidung hängt von Ihren spezifischen Designvorlieben und den Vorlieben Ihrer Zielgruppe ab.
Anschließend finden Sie unterhalb des Hauptanzeigebereichs Designkonfigurationen speziell für die Flagge. Das unten bereitgestellte Bild zeigt einige der verfügbaren Einstellungsoptionen.
Sobald das Flaggendesign eingerichtet ist, besteht der nächste Schritt darin, Farben, Größe und verschiedene andere Elemente anzupassen. In der folgenden Oberfläche finden Sie zahlreiche anpassbare Einstellungen, darunter:
In der letzten Phase haben Sie die Möglichkeit, die Schatteneinstellungen für die Flagge anzupassen. Mit der anfänglichen Einstellung können Sie für jede auf Ihrer Website angezeigte Flagge einen Schatten festlegen, während sich die nachfolgende Einstellung auf den Schatteneffekt bezieht, wenn Sie mit der Maus über die Sprachflagge fahren.
Denken Sie daran, auf die „Speichern“ , um die von Ihnen für den Sprachumschalter vorgenommenen Anpassungseinstellungen beizubehalten. Dadurch wird sichergestellt, dass Ihre ausgewählten Konfigurationen für die Schatteneffekte implementiert und für die zukünftige Verwendung gespeichert werden.
Nachdem alle Konfigurationen durchgeführt wurden, sehen Sie hier ein Beispiel für die Anzeige der Sprachauswahl mithilfe eines Popups, das in der oberen rechten Ecke positioniert ist und Initialen verwendet. Dies ist nur ein Beispiel, den Rest können Sie nach Ihren Wünschen und an die Bedürfnisse der Website anpassen.
Neben WordPress CMS können Sie auch andere Website-Plattformen verwenden und der detaillierten Anleitung folgen, z. B. dem Setup-Umschalter für OpenCart , dem Sprachumschalter für Drupal und dem Einstellungsumschalter für PrestaShop .
Hier haben Sie einen Einblick in Best Practices für die Gestaltung von Sprachselektoren und deren Umsetzung mit Linguise erhalten! Glauben Sie mir, die Erstellung eines Sprachumschalters kann viele Vorteile bieten und eine Optimierung basierend auf den oben genannten Punkten gewährleisten.
Befolgen Sie beim Erstellen einer Sprachauswahl unbedingt die oben erläuterten Tipps und Best Practices, angefangen bei der Verwendung von Symbolen über die Auswahl relevanter Sprachen bis hin zur Positionierung.
jetzt ein Linguise Konto , fügen Sie Ihre Website hinzu und optimieren Sie die Sprachauswahl, um ein besseres Benutzererlebnis zu bieten. Vergessen Sie nicht, die einmonatige kostenlose Testversion auszuprobieren, um die hervorragenden Funktionen von Linguise
Erhalten Sie Neuigkeiten über die automatische Übersetzung von Websites, internationales SEO und mehr!
Gehen Sie nicht, ohne Ihre E-Mail-Adresse mitzuteilen!
Wir können nicht garantieren, dass Sie im Lotto gewinnen, können Ihnen aber einige interessante Neuigkeiten rund um die Übersetzung und gelegentliche Rabatte versprechen.
