Bewährte Verfahren für die Gestaltung von Sprachselektoren

Ein verschwommener Computerbildschirm mit weißer Schrift auf schwarzem Hintergrund. Das Bild wirkt pixelig.
Inhaltsverzeichnis

Der Sprachauswahldialog ist ein wichtiges Element, dem Sie bei der Erstellung einer mehrsprachigen Website , da der Sprachumschalter das ist, was Benutzer häufig aufrufen, wenn sie die Sprache wechseln möchten.

Ein effektiver Sprachumschalter kann für eine Website zahlreiche Vorteile bieten, von einer verbesserten Weboptimierung bis hin zu höheren Umsätzen.

In diesem Artikel werden wir die besten Vorgehensweisen für die Entwicklung von Sprachselektoren besprechen. Im folgenden Artikel werden wir das Thema weiter vertiefen.

Wichtigste Punkte: Bewährte Verfahren für die Gestaltung von Sprachselektoren

1
Strategische Platzierung maximiert die Nutzung

Die Platzierung von Kopfzeile/Desktop- und Hamburger-Menü/Mobilmenü gewährleistet die Zugänglichkeit, ohne die Benutzerfreundlichkeit oder die Seitenladezeit zu beeinträchtigen.

2
Intelligente automatische Erkennung mit Überschreibungsmöglichkeit

Die Browsersprache wird erkannt, wobei stets eine einfache manuelle Anpassung möglich ist. Die Benutzerpräferenzen werden über Cookies gespeichert.

3
SEO und Barrierefreiheit unerlässlich

Implementieren Sie hreflang-Tags, ARIA-Labels für Bildschirmlesegeräte, ein touchfreundliches Design und einen JavaScript-freien Fallback für Crawler.

Was ist ein Sprachselektor?

Schüler lernen mit Unterstützung einer Lehrkraft an digitalen Geräten

Eine Sprachauswahl ist ein Element oder eine Funktion der Benutzeroberfläche, mit der Benutzer die Sprache auswählen können, in der sie mit einer Website, Anwendung oder einer anderen digitalen Plattform interagieren möchten. Sie ist häufig auf Websites, Softwareanwendungen und anderen digitalen Schnittstellen zu finden, um Benutzern mit unterschiedlichen Muttersprachen gerecht zu werden.

Die Sprachauswahl zeigt üblicherweise eine Liste der verfügbaren Sprachen an, aus der der Benutzer die gewünschte Sprache auswählen kann. Nach der Auswahl werden die Inhalte der Benutzeroberfläche, einschließlich Text, Beschriftungen und gegebenenfalls Bilder, in der ausgewählten Sprache angezeigt. Dies ist besonders wichtig für Websites und Apps, die sich an ein globales Publikum oder eine vielfältige Nutzerbasis richten.

Sprachauswahlfelder verbessern die Nutzererfahrung, indem sie digitale Inhalte einem breiteren Publikum zugänglich machen, unabhängig von dessen Sprachkenntnissen. Sie sind ein wichtiger Bestandteil lokaler Anpassungsmaßnahmen und ermöglichen es Entwicklern und Designern, ihre Produkte an unterschiedliche sprachliche und kulturelle Kontexte anzupassen.

Warum muss man den Sprachumschalter anpassen?

Illustration von Menschen, die lernen und lehren. Pädagogischer Hintergrund mit Technologiebezug.

Die Anpassung des Sprachumschalters auf einer mehrsprachigen Website bietet mehrere wichtige Vorteile.

  • Markenausrichtung und visueller Stil: Durch die Anpassung des Sprachumschalters können Sie sicherstellen, dass das Aussehen und der Stil der verwendeten Sprache mit dem Branding und dem visuellen Stil Ihrer Website’s übereinstimmen. Sie können Sprachumschalt‑Buttons oder Menüs an das Gesamtdesign Ihrer Website anpassen und so Konsistenz im Benutzererlebnis schaffen.
  • Größere Kontrolle über angezeigte Sprachen: Manchmal möchten Sie bestimmte Sprachen ​​im Sprachumschalter einschränken. Zum Beispiel haben Sie möglicherweise eine begrenzte Version Ihrer Website in mehreren Sprachen und möchten nur diese Sprachen ​​im Sprachumschalter anzeigen. Durch die Anpassung des Sprachumschalters können Sie auswählen, welche Sprachen ​​angezeigt werden, und erhalten mehr Kontrolle über den verfügbaren Inhalt.
  • Optimierte Benutzererfahrung: Durch die Anpassung des Sprachumschalters schaffen Sie eine optimale Benutzererfahrung. Beispielsweise können Sie Layout und Position des Sprachumschalters so anpassen, dass er leicht zu finden ist. Sie können außerdem Funktionen wie Benachrichtigungen oder Anleitungen zum Sprachumschalten hinzufügen, die die Bedienung vereinfachen.
  • Unterschiedlichen Nutzerbedürfnissen gerecht werden: Jeder Nutzer hat unterschiedliche Sprachpräferenzen. Durch die Anpassung der Sprachumschaltung können Sie den Bedürfnissen von Nutzern mit unterschiedlichem Sprachhintergrund gerecht werden. Dies umfasst beispielsweise lokale Nutzer, internationale Besucher oder Nutzer, die sich in einer anderen Sprache wohler fühlen.
  • Steigern Sie Ihre Verkaufszahlen: Eine optimale Anpassung des Sprachauswahlmenüs kann Ihre Verkaufszahlen deutlich steigern. Denn ein effektives Sprachauswahlmenü sorgt für mehr Benutzerfreundlichkeit auf Ihrer Website. Laut Daten von CSA Research gaben 72,4 % der Verbraucher an, dass sie eher Produkte kaufen würden, deren Informationen in ihrer Muttersprache verfügbar sind. Daher ist eine Steigerung Ihrer Verkaufszahlen unausweichlich.

Verschiedene Arten von Sprachauswahl

Jeder Website-Betreiber überlegt sich genau, wie seine Sprachauswahl aussehen soll, denn jede Website hat natürlich unterschiedliche Vorlieben. Falls Sie nach einer passenden Sprachauswahl suchen, finden Sie hier einige Beispiele.

Sprachauswahl

Dies ist eine der gängigsten Arten von Sprachumschaltern. Die Sprachschaltfläche ist üblicherweise ein Symbol oder Text, der die angezeigte Sprache angibt, beispielsweise „EN“ für Englisch oder eine Länderflagge für eine bestimmte Sprache. Wenn Nutzer auf die Sprachschaltfläche klicken, werden sie zur Website-Version in der gewünschten Sprache weitergeleitet.

Für Sprachauswahlschaltflächen empfiehlt es sich, die Anzahl der angezeigten Sprachen zu begrenzen, um eine überladene Darstellung zu vermeiden. Mehr als vier bis fünf Sprachen können in der Regel einen unruhigen Eindruck erwecken. Die Schaltfläche sollte gut sichtbar platziert sein, damit die Nutzer sie leicht finden können. Wir werden diese Aspekte im nächsten Abschnitt dieses Artikels genauer erläutern.

Sprachauswahlschaltflächen eignen sich möglicherweise für Unternehmen, die bestimmte Märkte ansprechen oder internationale Gemeinschaften an bestimmten Standorten bedienen. Ein Beispiel für die Verwendung der Sprachauswahlschaltfläche auf der Website der WHO finden Sie unten.

Homepage der Rock'n'Roll-Stadt mit einem Roboterbild

Textlink

Textlinks sind eine Art Sprachauswahl, die den Sprachnamen als Link verwendet. Beispielsweise können Sie Textlinks wie „Englisch“, „Französisch“ oder „Spanisch“ anzeigen, die Nutzer zur Website-Version in der ausgewählten Sprache führen. Dieser Textlink wird üblicherweise in einer Liste oder einem Dropdown-Menü platziert, um die Sprachauswahl zu vereinfachen.

Sicheres Online-Konto-Anmeldeformular

Eine Art von Sprachauswahl für Links wird vom Großkonzern Facebook verwendet. Zusätzlich zu den aufgelisteten Sprachen kann man auch auf das Symbol (+) klicken, um weitere Sprachen zu finden.

Anschließend wird die Seite sofort in die zuvor ausgewählte Sprache übersetzt.



Auswahlmenü

Ein Sprachauswahlmenü ist eine Art Sprachumschalter, der über ein Dropdown- oder ein offenes Menü die Sprache auswählt. Nach dem Klicken auf das Menü wird eine Liste der verfügbaren Sprachen angezeigt, aus der die gewünschte Sprache ausgewählt werden kann. Das Menü kann Ländersymbole oder Flaggen als Sprachindikatoren sowie die Sprachnamen im Text enthalten.

Das Auswahlmenü unterscheidet sich deutlich von der Sprachauswahltaste; es ist komplexer als ein einfacher Button. Wie das folgende Beispiel von der Porsche-Website zeigt.

Sie bieten eine Webseite zur Sprachauswahl an, auf der Benutzer direkt ihre Sprache oder ihr Zielland eingeben können.

Ein dunkles Bild mit einer Form und Text darauf.

Dropdown-Menü vs. Listenmenü vs. Pop-up-Menü: Welches funktioniert am besten?

Eine Frau wählt auf einer Website die Sprachoptionen aus. Die Website bietet mehrere Sprachen an.

Die Wahl des richtigen Interaktionsmodells für Ihre Sprachauswahl ist entscheidend für eine reibungslose und intuitive Benutzererfahrung. Jede Methode – ob Dropdown-Menü, Inline-Liste oder Pop-up – bietet je nach Website-Layout, Anzahl der unterstützten Sprachen und Nutzerverhalten unterschiedliche Vorteile. Im Folgenden finden Sie einen Vergleich der drei wichtigsten Interaktionsmodelle für die Sprachauswahl mit Fokus auf Benutzerfreundlichkeit, Barrierefreiheit und Implementierungskontext.

Typ

Stärken

Einschränkungen

Bester Anwendungsfall

Runterfallen

Kompakt, übersichtlich, skalierbar, mit vielen Sprachen

Erfordert Interaktion (Klick/Tippen), ist möglicherweise nicht für alle Nutzer offensichtlich

Mehrsprachige Websites mit Platzbeschränkungen

Textliste

Sichtbar ohne Interaktion, schnellerer Zugriff auf wichtige Sprachen

Kann die Benutzeroberfläche überladen, ist für viele Sprachen nicht skalierbar

Websites mit 2–4 primären Sprachoptionen

Pop-up

Kann ein Suchfeld und ein flexibles UI-Design beinhalten

Kann den Benutzerfluss stören, benötigt einen gut sichtbaren Schließen-Button und Barrierefreiheit

Globale Websites mit mehr als 10 Sprachen

Bewährte Methoden und Tipps zur Sprachauswahl

Menschen arbeiten gemeinsam an einem Softwareprojekt. Teamzusammenarbeit

Die Entwicklung eines effektiven Sprachauswahlsystems erfordert eine nahtlose Benutzererfahrung auf allen Geräten und die Gewährleistung der Barrierefreiheit für Nutzer mit unterschiedlichem Hintergrund. Angesichts eines zunehmend globalen Publikums sollte Ihr Sprachumschalter intuitiv, barrierefrei und responsiv sein, damit Nutzer komfortabel in ihrer bevorzugten Sprache interagieren können.

Nachfolgend finden Sie bewährte Vorgehensweisen, mit denen Sie sicherstellen können, dass Ihre Sprachauswahl klar, komfortabel und für alle Benutzer zugänglich ist.

Priorisieren Sie responsives Design

Die meisten Nutzer greifen über mobile Geräte auf Websites zu. Daher sollte Ihre Sprachauswahl responsiv und mobilfreundlich sein. Achten Sie darauf, dass die Schaltfläche oder das Menü leicht anzutippen ist, keine wichtigen Inhalte verdeckt und auch auf kleineren Bildschirmen gut sichtbar bleibt.

Die Webseite zur Sprachauswahl sieht beispielsweise so aus.

Website-Übersetzungs-Plugin für über 85 Sprachen

Auch auf mobilen Geräten ist die Sprachauswahl weiterhin problemlos zugänglich und verschwindet nicht.

Logo und Informationen zu Linguiase Übersetzungsdiensten. Steigern Sie Ihren Website-Traffic durch Übersetzungen.

Verwenden Sie Dropdown-Menüs oder ausklappbare Menüs, um das Layout übersichtlich zu gestalten und sicherzustellen, dass die Touch-Ziele ausreichend Abstand für eine komfortable Bedienung haben. So können Benutzer ihre bevorzugte Sprache einfach auswählen, ohne durch beengte oder schwer anklickbare Elemente frustriert zu werden.

Durchdachte Platzierung in der Benutzeroberfläche

Platzieren Sie die Sprachauswahl an gut sichtbaren, erwarteten Stellen, wie beispielsweise oben rechts im Header oder unten in der Fußzeile. Dies sind intuitive Bereiche, in denen Nutzer üblicherweise nach Sprachoptionen suchen.

Vermeiden Sie es, den Sprachauswahl-Button in mehrdeutigen Symbolen oder Untermenüs zu verstecken. Achten Sie auf eine einheitliche Platzierung auf allen Seiten, damit Nutzer, die häufig die Sprache wechseln, ihn jederzeit leicht finden können.

Barrierefreiheitsattribute (ARIA) verwenden

Um sicherzustellen, dass Ihre Sprachauswahl für Nutzer mit Behinderungen zugänglich ist, verwenden Sie ARIA-Attribute (Accessible Rich Internet Applications) wie aria-label, aria-haspopup und aria-expanded. Diese helfen assistiven Technologien wie Bildschirmleseprogrammen, die Rolle und Funktionalität des Elements zu verstehen.

Shopify-Handelsplattform für Online- und stationären Verkauf

Die Umsetzung von Barrierefreiheit entspricht den WCAG-Standards und gewährleistet, dass Ihre Website inklusiv und für ein breiteres Publikum nutzbar ist. Inklusives Design kommt allen zugute, nicht nur Nutzern mit besonderen Bedürfnissen.

Verwenden Sie klare und verständliche Sprachbezeichnungen

Zeigen Sie jede Sprachoption mit ihrer jeweiligen Landesbezeichnung an, zum Beispiel „Español“ statt „Spanisch“ oder „Deutsch“ statt „Deutsch“. So können Benutzer ihre bevorzugte Sprache schnell erkennen, selbst wenn sie die aktuelle Website-Sprache nicht verstehen.

Muttersprachliche Bezeichnungen sind inklusiver und reduzieren die kognitive Belastung, insbesondere für internationale Nutzer. Vermeiden Sie die Verwendung von schwer verständlichen Abkürzungen oder Sprachcodes, es sei denn, Ihre Zielgruppe ist damit vertraut.

Vermeiden Sie eine Überladung mit zu vielen Optionen

Zu viele Sprachoptionen auf einmal können die Benutzeroberfläche unübersichtlich machen und Benutzer verwirren. Zeigen Sie zunächst nur die relevantesten oder am häufigsten verwendeten Sprachen an und platzieren Sie die übrigen in einem Dropdown-Menü oder unter dem Abschnitt „Weitere Sprachen“.

Dadurch bleibt die Benutzeroberfläche übersichtlich und die Benutzerfreundlichkeit, insbesondere auf Mobilgeräten, verbessert. Nutzen Sie Website-Traffic-Analysen, um zu entscheiden, welche Sprachen priorisiert oder ausgeblendet werden sollen.

Verwenden Sie geeignete Symbole und visuelle Hinweise (ohne auf Flaggen zurückzugreifen)

Visuelle Hinweise wie Globus-Symbole (🌐), Pfeile nach unten (▾) oder die Hervorhebung des aktiven Status helfen Nutzern zu erkennen, dass ein Element anklickbar ist. Vermeiden Sie jedoch die Verwendung von Nationalflaggen zur Darstellung von Sprachen, da eine Sprache in mehreren Ländern gesprochen werden kann.

Screenshot der Latteco-Website mit beliebten Häusern in Yogyakarta

Flaggen können auch kulturelle oder politische Implikationen haben. Wenn Sie visuelle Elemente verwenden, kombinieren Sie diese mit Textbeschriftungen, um die Verständlichkeit zu gewährleisten, und achten Sie darauf, dass die Symbole in Ihrem gesamten Design einheitlich und kulturell neutral sind.

Halten Sie ein einheitliches Website-Design und Branding ein

Die Sprachauswahl sollte optisch zum Gesamtstil Ihrer Website passen. Ob Schaltflächen, Textlinks oder Symbole – achten Sie darauf, dass Typografie, Farben und Hover-Effekte Ihrem Branding entsprechen. Das stärkt das Vertrauen und verbessert die Benutzerfreundlichkeit.

Wenn Sie einen benutzerdefinierten Selektor erstellen, testen Sie ihn auf verschiedenen Browsern und Geräten, um sicherzustellen, dass er wie gewünscht funktioniert. Einheitliches Design und zuverlässige Funktionalität tragen zu einer reibungslosen mehrsprachigen Nutzererfahrung bei.

Sprachbarrieren überwinden
Verabschieden Sie sich von Sprachbarrieren und begrüßen Sie grenzenloses Wachstum! Testen Sie noch heute unseren automatischen Übersetzungsdienst.

Einen Sprachauswahldialog mit Linguise in 7 Schritten einrichten

Sie kennen nun die besten Vorgehensweisen für Sprachauswahlfelder. Die Übersetzung kann nach der Nutzung des Website-Übersetzungsdienstes erfolgen. Allerdings bieten nicht alle Übersetzungsdienste flexible Einstellungsmöglichkeiten für die Sprachauswahl.

Aber keine Sorge, Linguise ist anders. Linguise ist ein automatischer Übersetzungsdienst, der es Nutzern ermöglicht, den Sprachumschalter individuell anzupassen. Zu den Vorteilen von Linguise gehören unter anderem:.

  • verwendet und integriert werden in mehr als 40 CMS (WordPress, Joomla, Drupal usw.)
  • Die Übersetzung in verschiedene Sprachen erfolgt automatisch in wenigen Sekunden, nachdem Sie die Sprache im Sprachumschalter auf der Website hinzugefügt haben.
  • Es stehen mehr als 80+ Sprachen zur Verfügung , die der Sprachauswahl hinzugefügt werden können.
  • Linguise erstellt automatisch eine eindeutige URL entsprechend der Zielsprache der Übersetzung. Zum Beispiel die URL staging.linguise.com/de/ für eine Seite, die ins Deutsche übersetzt wird.
  • Es wird automatisch eine kanonische URL erstellt, um doppelte Inhalte in Suchmaschinen zu vermeiden, wenn Sie Sprachvarianten auf einer Seite haben.
  • Sie können den Sprachumschalter flexibel an die Bedürfnisse Ihrer Website anpassen, angefangen beim Symbol und der Farbe bis hin zum Sprachnamen.
  • Sie können die Besucherstatistiken für Seitenaufrufe pro Sprache für jede Sprache anzeigen, die der Sprachauswahl hinzugefügt wurde.

In diesem Tutorial verwenden wir WordPress als Beispiel für ein Content-Management-System.

Schritt 1: Kostenloses Linguise-Konto registrieren

Um den Sprachumschalter auf Linguise zu nutzen, müssen Sie sich zunächst bei Linguise registrieren. Linguise bietet außerdem eine einmonatige kostenlose Testphase an, in der Sie zahlreiche Funktionen ausprobieren können.

Schritt 2: Fügen Sie Ihrer mehrsprachigen Website eine Domain hinzu

Im zweiten Schritt fügen Sie die Website-Domain , die Sie bereits in Linguise besitzen, zum Linguise-Dashboard hinzu. Dazu müssen Sie verschiedene Angaben machen, angefangen bei …

  • Konto
  • URLs
  • Plattform
  • Sprache
  • Übersetzungssprache
  • URL übersetzen
Ein Schwarzweißbild eines Codebildschirms mit mehreren Texteingabefeldern. Auf dem Bildschirm werden Codezeilen angezeigt.

Anschließend 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 die Vorgehensweise einsehen, indem Sie Linguise (automatische Übersetzung) auf WordPress installieren oder sich das untenstehende Video-Tutorial ansehen.

Schritt 3: Installieren Sie das Plugin Linguise

Nachdem Sie erfolgreich eine Website hinzugefügt haben, öffnen Sie das WordPress-Dashboard und installieren das Linguise-Plugin, tun Sie dies über Plugins > Neu hinzufügen > Linguise > Installieren > Aktivieren.

Falls das Plugin bereits installiert ist, gehen Sie zum Linguise-Dashboard und kopieren Sie den API-Schlüssel.

Fehlermeldung auf dem Bildschirm

Öffnen Sie anschließend das Linguise-Plugin und fügen Sie den API-Code, den Sie vom Linguise-Dashboard erhalten haben, in die folgende Spalte ein.

Zugriff verweigert. Bitte überprüfen Sie Ihren API-Schlüssel.

Schritt 4: Hauptanzeige einrichten

Um einen Sprachumschalter oder Sprachflaggen anzuzeigen, gehen Sie über das Linguise-Dashboard im Einstellungen > Anzeige des Sprachflaggen-Menüs.

Bei der Ersteinrichtung werden wir Anpassungen am Hauptdisplay vornehmen und dabei die verschiedenen Komponenten berücksichtigen.

Ein erster Schritt ist die Konfiguration des Anzeigeformats der Sprachliste. Hierfür stehen drei Optionen zur Auswahl: nebeneinander, als Dropdown-Menü oder als Popup. Links befindet sich eine Vorschau für jedes Format.

Das erste Format ist, wie unten dargestellt, ein Layout nebeneinander.

Ein Screenshot einer Benutzeroberfläche für die Sprachübersetzung. Die Oberfläche enthält Felder zur Eingabe des zu übersetzenden Textes und zur Auswahl der Zielsprache.

Das folgende Format verwendet ein Dropdown-Menü, wie in der Abbildung unten dargestellt.

Ein dunkles Hintergrundbild mit viel Weißraum

Zu guter Letzt bleibt uns als letzte Option das Popup-Format.

Ein Bild mit schwarzem Hintergrund und viel weißem Raum

Im nächsten Schritt konfigurieren wir die Position des Sprachumschalters. Sie haben die Möglichkeit, aus verschiedenen Positionen zu wählen. Wählen Sie daher eine Position, die für Besucher gut sichtbar ist.

Abschließend müssen Sie die bevorzugte Darstellungsart der Sprachoptionen festlegen. Sie können zwischen Optionen wie Flagge + Sprachname, Flagge + Kurzname oder der Anzeige nur der Flagge wählen. Diese Entscheidung hängt von Ihren individuellen Designvorlieben und den Präferenzen Ihrer Zielgruppe ab.

Schritt 5: Flaggenentwurf festlegen

Anschließend finden Sie unterhalb des Hauptanzeigebereichs die Designeinstellungen speziell für die Flagge. Die untenstehende Abbildung zeigt einige der verfügbaren Einstellungsoptionen.

  • Sprachnamenanzeige: Sie haben die Möglichkeit, den Sprachnamen entweder basierend auf dem Land oder der Sprache selbst anzuzeigen. Zum Beispiel können Sie wählen, “German” oder “Deutsch.”
  • Typ der englischen Flagge: Diese Option ist anwendbar, wenn Sie mit Sprachen arbeiten, die mehrere Varianten haben, wie z. B. “English USA” oder “English Britain” Ähnliche Auswahlmöglichkeiten können für Sprachen wie Spanisch, Taiwanisch, Deutsch und Portugiesisch getroffen werden.
  • Flaggenstil: Mit dieser Einstellung können Sie die Form des Flaggensymbols festlegen, ob es rund oder quadratisch (rechteckig) sein soll.
Ein dunkles Platzhalterbild.

Schritt 6: Farbe und Größe der Flagge festlegen

Sobald das Flaggen-Design erstellt ist, geht es im nächsten Schritt darum, Farben, Größe und verschiedene andere Elemente anzupassen. In der folgenden Benutzeroberfläche finden Sie zahlreiche anpassbare Einstellungen, darunter:

  1. Flaggenradius: Hiermit können Sie den Radius der Umrandung in Pixeln anpassen, wenn Sie eine rechteckige Flagge verwenden.
  2. Farbe des Sprachnamens: Sie können die Standardtextfarbe für den Sprachnamen auswählen.
  3. Sprachfarbe im Popup: Diese Einstellung bestimmt die Farbe des Sprachtitels in den Popup- oder Dropdown-Bereichen.
  4. Flaggengröße: Sie haben die Möglichkeit, die Größe der Flagge nach Ihren Wünschen anzupassen.
  5. Farbe beim Überfahren von Sprachnamen mit der Maus: Diese Einstellung steuert die Textfarbe, die beim Überfahren von Sprachnamen mit der Maus angezeigt wird.
  6. Sprachüberlagerungsfarbe im Popup: Diese Einstellung bestimmt die Textfarbe, die beim Überfahren des Sprachtitels im Popup oder Dropdown angezeigt wird.
Mehrere schwarze elektronische Geräte. Verschiedene Modelle werden ausgestellt.

Schritt 7: Flaggen-Boxschatten festlegen

Im letzten Schritt können Sie die Schatteneinstellungen für die Flaggen anpassen. In der ersten Einstellung legen Sie für jede auf Ihrer Website angezeigte Flagge einen Schatten fest, während die zweite Einstellung den Schatteneffekt beim Überfahren der Sprachflagge mit der Maus betrifft.

Vergessen Sie nicht, auf die „Speichern“ , um die von Ihnen vorgenommenen Anpassungseinstellungen für den Sprachumschalter zu speichern. Dadurch wird sichergestellt, dass Ihre ausgewählten Konfigurationen für die Schatteneffekte implementiert und für die zukünftige Verwendung gespeichert werden.

Korrigiere den Boxschatten auf dem Bildschirm. Korrigiere den Schatten auf dem Haus

Nachdem alle Konfigurationen vorgenommen wurden, sehen Sie hier ein Beispiel für die Sprachauswahl in einem Popup-Fenster oben rechts mit Initialen. Dies ist nur ein Beispiel; Sie können die restlichen Einstellungen nach Ihren Wünschen und den Bedürfnissen Ihrer Website anpassen.

Ein Schwarzweiß-Screenshot einer Höhle

Neben WordPress CMS können Sie auch andere Website-Plattformen nutzen und den detaillierten Anleitungen folgen, wie z. B. dem Setup-Switcher für OpenCartdem Sprach-Switcher für Drupalund dem Einstellungs-Switcher für PrestaShop.

Bereit, neue Märkte zu erschließen? Testen Sie unseren automatischen Übersetzungsdienst kostenlos mit unserer 1-monatigen, risikofreien Testphase. Keine Kreditkarte erforderlich!

Gestalten Sie Ihre Sprachauswahl für ein nahtloses mehrsprachiges Erlebnis mit Linguise!

Hier haben Sie Einblicke in bewährte Methoden zur Gestaltung von Sprachauswahlfeldern und deren Umsetzung mit Linguise erhalten! Glauben Sie mir, die Erstellung eines Sprachumschalters bietet viele Vorteile und gewährleistet eine Optimierung gemäß den oben genannten Punkten.

Bei der Erstellung einer Sprachauswahl sollten Sie unbedingt die oben erläuterten Tipps und Best Practices beachten, angefangen bei der Verwendung von Symbolen und der Auswahl der relevanten Sprachen bis hin zur Positionierung.

Jetzt, registrieren Sie ein Linguise-Konto, fügen Sie Ihre Website hinzu und optimieren Sie den Sprachwähler, um ein besseres Benutzererlebnis zu bieten. Don’t vergessen, die 1-Monats-Testversion auszuprobieren, um Linguise’s überlegenen Funktionen zu genießen!

Sie könnten auch an folgendem Artikel interessiert sein:

[mo-optin-form id="WvvHPIKjMI"]

Vergessen Sie nicht, Ihre E-Mail-Adresse anzugeben!

Wir können Ihnen zwar keinen Lottogewinn garantieren, aber wir können Ihnen interessante Neuigkeiten rund um das Thema Übersetzung und gelegentliche Rabatte versprechen.

[mo-optin-form id="AMZELeFNTQ"]