Best Practices für die Gestaltung eines Sprachselektors

Ein unscharfer Computerbildschirm mit weißem Text auf schwarzem Hintergrund. Das Bild erscheint pixelig.
Inhaltsverzeichnis

Der Sprachwähler ist ein wichtiges Element, auf das Sie bei der Erstellung einer mehrsprachigen Website achten sollten, da der Sprachumschalter ist, was Benutzer häufig besuchen, wenn sie die Sprache wechseln möchten.

Ein effektiver Sprachumschalter-Button kann einer Website mehrere Vorteile bieten, von der Verbesserung der Web-Optimierung bis hin zu erhöhten Verkäufen.

In diesem Artikel werden wir die Best Practices für das Design von Sprachwählern diskutieren. Lassen Sie uns dies im folgenden Artikel weiter diskutieren.

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 Sprachwähler?

Schüler lernen auf Geräten mit einem Lehrer, der führt

Ein Sprachwähler ist ein Bedienelement oder eine Funktion, die es Benutzern ermöglicht, die Sprache auszuwählen, mit der sie mit einer Website, Anwendung oder einer digitalen Plattform interagieren möchten. Er wird häufig auf Websites, Softwareanwendungen und anderen digitalen Schnittstellen gefunden, um Benutzern mit verschiedenen Sprachen gerecht zu werden.

Der Sprachwähler zeigt normalerweise eine Liste der verfügbaren Sprachen an, und der Benutzer kann die Sprache seiner Wahl aus dieser Liste auswählen. Nach der Auswahl werden die Inhalte der Schnittstelle, einschließlich Text, Beschriftungen und manchmal 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.

Sprachauswahlen tragen zu einer besseren Benutzererfahrung bei, indem sie digitale Inhalte einem breiteren Publikum zugänglich machen, unabhängig von ihrem Sprachkenntnisstand. Sie sind eine Schlüsselkomponente von Lokalisierungsbemühungen, die es Entwicklern und Designern ermöglichen, ihre Produkte an verschiedene sprachliche und kulturelle Kontexte anzupassen.

Warum müssen Sie Ihren Sprachauswahlschalter anpassen?

Illustration von Menschen, die lernen und lehren. Bildungshintergrund mit Technologie.

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

  • Markenausrichtung und visueller Stil: Durch die Anpassung des Sprachumschalters können Sie sicherstellen, dass das Erscheinungsbild und der Stil der verwendeten Sprache mit der Markenidentität und dem visuellen Stil Ihrer Website übereinstimmen. Sie können Sprachumschaltflächen oder -menüs anpassen, um sie in das Gesamtdesign Ihrer Website einzufügen und eine konsistente Benutzererfahrung zu schaffen.
  • Größere Kontrolle über angezeigte Sprachen: Manchmal möchten Sie bestimmte Sprachen, die im Sprachumschalter angezeigt werden, einschränken. Zum Beispiel haben Sie möglicherweise eine eingeschränkte Version Ihrer Website in mehreren Sprachen und möchten nur diese Sprachen im Sprachumschalter anzeigen. Durch die Anpassung des Sprachumschalters können Sie wählen, welche Sprachen angezeigt werden, und erhalten so mehr Kontrolle über den verfügbaren Inhalt.
  • Optimierte Benutzererfahrung: Durch die Anpassung des Sprachumschalters können Sie eine optimierte Benutzererfahrung schaffen. Zum Beispiel können Sie das Layout oder die Position des Sprachumschalters anpassen, um es für Benutzer leicht auffindbar zu machen. Sie können auch Funktionen wie Benachrichtigungen oder Sprachumschaltanweisungen hinzufügen, die Benutzern helfen, die Funktion leicht zu verstehen.
  • Unterschiedliche Benutzerbedürfnisse erfüllen: Jeder Benutzer hat unterschiedliche Sprachpräferenzen. Durch die Anpassung der Sprachumschaltung können Sie die Bedürfnisse von Benutzern aus verschiedenen Sprachhintergründen erfüllen. Dies kann lokale Benutzer, internationale Besucher oder Benutzer umfassen, die sich in einer anderen Sprache wohler fühlen.
  • Umsatzsteigerung durch Konversion: Eine angemessene Anpassung des Sprachumschalters kann auch den Vorteil einer Steigerung der Umsatzkonversion bieten. Denn ein effektiver Sprachumschalter kann den Nutzern Komfort bieten, wenn sie mit Ihrer Website interagieren. Laut CSA Research-Daten gaben 72,4 % der Verbraucher an, dass sie eher Produkte kaufen würden, die Informationen in ihrer eigenen Sprache enthielten. Es ist also unmöglich, dass Ihr Umsatz nicht auch steigt.

Verschiedene Arten von Sprachauswahlen

Jeder Website-Betreiber wird sicherlich sorgfältig überlegen, wie seine Sprachauswahl aussieht, jede Website wird natürlich unterschiedliche Vorlieben haben. Für diejenigen unter Ihnen, die nach einer Art von Sprachauswahl suchen, die verwendet werden kann, sind hier einige davon.

Sprachtaste

Dies ist eine der gängigen Arten von Sprachumschaltern. Die Sprachschaltfläche ist normalerweise ein Symbol oder Text, der die angezeigte Sprache anzeigt, zum Beispiel „DE“ für Deutsch oder eine Landesflagge, die eine bestimmte Sprache repräsentiert. 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 kann die Anzeige von mehr als 4 bis 5 Sprachen einen unübersichtlichen visuellen Effekt erzeugen. Es ist wichtig, die Schaltfläche an einer sichtbaren Stelle zu positionieren, damit Benutzer sie leicht finden können. Wir werden diese Aspekte im nächsten Abschnitt dieses Artikels weiter diskutieren.

Sprachbuttons können für Unternehmen geeignet sein, die bestimmte Märkte ansprechen oder internationale Gemeinschaften an bestimmten Orten bedienen. Ein Beispiel für die Verwendung des Sprachbuttons auf der WHO-Website ist unten.

Rock and Roll-City-Homepage mit einem Robot-Image

Textlink

Textlinks sind eine Art Sprachumschalter, der Text in Form des Sprachnamens als Link verwendet. Zum Beispiel können Sie Textlinks wie “Deutsch,” “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 es Benutzern einfacher zu machen, die gewünschte Sprache auszuwählen.

Sicheres Online-Konto-Anmeldeformular

Eine Art von Link-Sprachwähler wird von dem großen Unternehmen Facebook verwendet, zusätzlich zu den aufgeführten Sprachen können Sie auch auf das (+) Symbol klicken, um weitere Sprachen zu finden.

Danach wird die Seite sofort in die zuvor ausgewählte Sprache übersetzt.



Auswahlmenü

Ein Auswahlmenü ist eine Art von Sprachumschalter, der ein Dropdown-Menü oder ein offenes Menü verwendet, um eine Sprache auszuwählen. Wenn Benutzer auf das Optionsmenü klicken, sehen sie eine Liste der verfügbaren Sprachen und können die gewünschte Sprache auswählen. Das Optionsmenü kann Ländericons oder Flaggen als Sprachindikatoren sowie Sprachbezeichnungen 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 von der Website von Porsche.

Sie bieten eine Sprachwähler-Website, auf der Benutzer direkt ihre Sprache oder ihr Zielland eingeben können.

Ein dunkles Bild mit einem Formular und Text darauf.

Dropdown vs. Liste vs. Pop-up: Was funktioniert am besten?

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

Die Wahl des richtigen Interaktionsmodells für Ihren Sprachwähler ist entscheidend für eine nahtlose und intuitive Benutzererfahrung. Jede Methode – egal ob Dropdown, Inline-Liste oder Pop-up – bietet unterschiedliche Vorteile, je nach Layout Ihrer Website, Anzahl der unterstützten Sprachen und Benutzerverhalten. Unten finden Sie einen Vergleich der drei wichtigsten Interaktionsmodelle für die Sprachauswahl, wobei der Schwerpunkt auf UX, Zugänglichkeit und Implementierungskontext liegt.

Typ

Stärken

Einschränkungen

Bester Anwendungsfall

Dropdown

Kompakt, sauber, skalierbar, mit vielen Sprachen

Erfordert Interaktion (Klick/Tipp), möglicherweise nicht für alle Benutzer offensichtlich

Mehrsprachige Websites mit Platzbeschränkungen

Textliste

Sichtbar ohne Interaktion, schneller Zugriff auf Schlüsselsprachen

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

Seiten mit 2–4 primären Sprachoptionen

Pop-up

Kann ein Suchfeld enthalten, flexible Benutzeroberflächengestaltung

Kann den Benutzerfluss stören, benötigt eine klare Schaltfläche zum Schließen und Zugänglichkeit

Globale Websites mit 10+ Sprachen

Bewährte Praktiken und Tipps für die Sprachauswahl

Menschen, die gemeinsam an einem Softwareprojekt arbeiten. Teamzusammenarbeit

Das Entwerfen einer effektiven Sprachauswahl beinhaltet die Bereitstellung einer nahtlosen Erfahrung auf allen Geräten und die Sicherstellung der Zugänglichkeit für Benutzer mit verschiedenen Hintergründen. Mit einem zunehmend globalen Publikum sollte Ihr Sprachumschalter intuitiv, zugänglich und responsiv sein, um sicherzustellen, dass Benutzer in ihrer bevorzugten Sprache komfortabel interagieren können.

Nachfolgend finden Sie bewährte Praktiken, die Sie anwenden können, um sicherzustellen, dass Ihre Sprachauswahl klar, bequem und zugänglich für alle Benutzer ist.

Reaktionsfähiges Design priorisieren

Die meisten Benutzer greifen von mobilen Geräten aus auf Websites zu, daher sollte Ihr Sprachwähler responsiv und mobilfreundlich sein. Stellen Sie sicher, dass die Schaltfläche oder das Menü leicht zu tippen ist, wichtige Inhalte nicht verdeckt und auf kleineren Bildschirmen sichtbar bleibt.

Zum Beispiel sieht die Sprachwähler-Website so aus.

Website-Übersetzungsplugin für über 85 Sprachen

Wenn man dann von der mobilen Seite aus schaut, kann der Sprachwähler noch immer leicht aufgerufen werden und bewegt sich nicht oder verschwindet.

Logo und Informationen des Linguiase-Übersetzungsdienstes. Steigern Sie den Website-Traffic durch Übersetzungen.

Verwenden Sie Dropdown-Menüs oder ausklappbare Menüs, um das Layout ordentlich zu halten, und stellen Sie sicher, dass Berührungsziele genügend Abstand für eine komfortable Interaktion haben. Dies hilft Benutzern, ihre bevorzugte Sprache leicht auszuwählen, ohne durch beengte oder schwer zu klickende Elemente frustriert zu werden.

Gedankenlose Platzierung in der Benutzeroberfläche

Platzieren Sie den Sprachwähler an gut sichtbaren, erwarteten Orten wie der oberen rechten Ecke des Headers oder dem unteren Footer. Dies sind intuitive Orte, an denen Benutzer typischerweise nach Sprachoptionen suchen.

Vermeiden Sie es, den Wähler in mehrdeutigen Symbolen oder sekundären Menüs zu verstecken. Halten Sie die Platzierung auf allen Seiten konsistent, damit Benutzer, die häufig die Sprache wechseln, ihn jederzeit leicht finden können.

Verwenden Sie Barrierefreiheitsattribute (ARIA)

Um sicherzustellen, dass Ihr Sprachwähler für Benutzer mit Behinderungen zugänglich ist, verwenden Sie ARIA-Attribute (Accessible Rich Internet Applications) wie aria-label, aria-haspopup und aria-expanded. Diese helfen unterstützenden Technologien wie Screenreadern, die Rolle und Funktionalität des Elements zu verstehen.

Shopify -Commerce-Plattform für Online- und Offline-Verkäufe

Die Implementierung von Barrierefreiheit entspricht den WCAG-Standards und stellt sicher, dass Ihre Website inklusiv und für ein breiteres Publikum nutzbar ist. Inklusives Design kommt allen zugute, nicht nur Benutzern mit spezifischen Bedürfnissen.

Verwenden Sie klare und erkennbare Sprachbezeichnungen

Zeigen Sie jede Sprachoption mit ihrer eigenen Bezeichnung an, zum Beispiel „Español“ anstelle von „Englisch“ oder „Deutsch“ anstelle von „Deutsch“. Dies ermöglicht es den Benutzern, ihre bevorzugte Sprache schnell zu erkennen, auch wenn sie die aktuelle Website-Sprache nicht verstehen.

Native Bezeichnungen sind inklusiver und reduzieren die kognitive Belastung, insbesondere für internationale Benutzer. Vermeiden Sie die Verwendung von obskuren Abkürzungen oder Sprachcodes, es sei denn, Ihr Publikum kennt sie.

Vermeiden Sie eine Überlastung mit zu vielen Optionen

Das Anzeigen zu vieler Sprachoptionen auf einmal kann die Benutzeroberfläche überladen und die Benutzer verwirren. Zeigen Sie nur die relevantesten oder am häufigsten verwendeten Sprachen an erster Stelle an und platzieren Sie die übrigen in einem Dropdown-Menü oder unter einem Abschnitt „Weitere Sprachen“.

Dies hält die Benutzeroberfläche sauber und verbessert die Benutzerfreundlichkeit, insbesondere auf Mobilgeräten. Verwenden Sie Website-Traffic-Analysen, um zu entscheiden, welche Sprachen priorisiert oder ausgeblendet werden sollten.

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

Visuelle Hinweise wie Globus-Symbole (🌐), Abwärtspfeile (▾) oder Hervorhebungen des aktiven Zustands helfen den Benutzern zu verstehen, dass ein Element anklickbar ist. Vermeiden Sie jedoch die Verwendung nationaler Flaggen zur Darstellung von Sprachen, da eine Sprache in mehreren Ländern gesprochen werden kann.

Latteco-Website-Screenshot zeigt beliebte Häuser in Yogyakarta

Flaggen können auch kulturelle oder politische Implikationen tragen. Wenn Sie Visuals verwenden, sollten Sie diese mit Textlabels koppeln, um Klarheit zu gewährleisten und Symbole konsistent und kulturell neutral in Ihrem Design zu halten.

Bleiben Sie konsistent mit dem Website-Design und der Markenidentität

Ihr Sprachwähler sollte visuell mit dem Gesamtstil Ihrer Website übereinstimmen. Stellen Sie sicher, dass die Typografie, Farben und Hover-Zustände unabhängig davon, ob Sie Buttons, Textlinks oder Symbole verwenden, mit Ihrer Markenidentität übereinstimmen. Dies fördert das Vertrauen und verbessert die Benutzererfahrung.

Wenn Sie einen benutzerdefinierten Selektor erstellen, testen Sie ihn auf verschiedenen Browsern und Geräten, um sicherzustellen, dass er wie vorgesehen funktioniert. Konsistentes Design und zuverlässige Funktionalität tragen zu einer nahtlosen mehrsprachigen Benutzerreise bei.

Sprachbarrieren überwinden
Sagen Sie Abschied von Sprachbarrieren und begrüßen Sie ein grenzenloses Wachstum! Probieren Sie unseren automatischen Übersetzungsdienst noch heute aus.

Einrichten eines Sprachwahl-Tools mit Linguise in 7 Schritten

An diesem Punkt kennen Sie die besten Praktiken für Sprachwähler. Diese Übersetzung kann durchgeführt werden, nachdem Sie den Website-Übersetzungsdienst verwendet haben. Allerdings bieten nicht alle Übersetzungsdienste Flexibilität bei den Sprachauswahl-Einstellungen.

Aber Sie müssen sich keine Sorgen machen, denn Linguise ist nicht so. Linguise ist ein automatischer Übersetzungsdienst, der eine benutzerdefinierte Anpassung des Sprachumschalters bietet. Einige der Vorteile, die Sie bei der Nutzung von Linguise erhalten, sind.

  • Linguise kann verwendet und in mehr als 40 CMS integriert werden (WordPress, Joomla, Drupal, usw.).
  • Die Übersetzung in verschiedene Sprachen wird automatisch in wenigen Sekunden durchgeführt, nachdem Sie die Sprache zum Sprachumschalter auf der Website hinzugefügt haben.
  • Es gibt mehr als 80+ verfügbare Sprachen, die dem Sprachwähler hinzugefügt werden können.
  • Linguise wird automatisch eine eindeutige URL entsprechend der Zielsprache der Übersetzung vorbereiten. Zum Beispiel die URL linguise.com/de/ für eine Seite, die ins Deutsche übersetzt wird.
  • Es wird automatisch eine kanonische URL erstellen, um doppelten Inhalt in Suchmaschinen zu vermeiden, wenn Sie Sprachvariationen auf einer Seite haben.
  • Sie können den Sprachumschalter flexibel entsprechend den Anforderungen der Website einrichten, beginnend mit dem Symbol, der Farbe und dem Sprachnamen.
  • Sie können die Seitenaufrufstatistiken pro Sprache für jede Sprache anzeigen, die dem Sprachwähler hinzugefügt wurde.

In diesem Tutorial werden wir WordPress als Beispiel für das verwendete CMS verwenden.

Schritt 1: Registrieren eines kostenlosen Linguise -Kontos

Um auf den Sprachumschalter zuzugreifen auf Linguise, ist der erste Schritt, den Sie tun müssen, ein Konto auf Linguise zu registrieren. Linguise bietet auch eine kostenlose Testversion für einen Monat an, die eine Vielzahl von Funktionen enthält, die Sie nutzen können.

Schritt 2: Domain zu Ihrer mehrsprachigen Website hinzufügen

Der zweite Schritt besteht darin, die Websitedomain in Linguise, die Sie bereits besitzen, zum Linguise-Dashboard hinzuzufügen. Es gibt mehrere Dinge, die Sie ausfüllen müssen, beginnend mit.

  • Konto
  • URLs
  • Plattform
  • Sprache
  • Übersetzungssprache
  • Übersetzungs-URL
Ein Schwarz-Weiß-Bild eines Codeschirms mit mehreren Texteingaben. Der Bildschirm zeigt Codezeilen an.

Danach müssen Sie den API-Schlüssel aktivieren und die Sprach-URL festlegen. Eine vollständige Anleitung zum Hinzufügen einer Webseitendomäne finden Sie in der Dokumentation. Speziell für WordPress können Sie es durch Installation von Linguise automatischer Übersetzung auf WordPress sehen oder sich das Videotutorial unten ansehen.

Schritt 3: Installieren Sie das Plugin Linguise

Nachdem Sie erfolgreich eine Website hinzugefügt haben, öffnen Sie das WordPress-Dashboard und installieren Sie das Linguise-Plugin. Führen Sie dies durch 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.

Fehlermeldung auf dem Bildschirm

Ö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.

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

Schritt 4: Hauptanzeige einrichten

Um einen Sprachumschalter zu konfigurieren oder Sprachflaggen anzuzeigen, erfolgen die Schritte über das Linguise-Dashboard im Menü Einstellungen > Sprachflaggen-Anzeige.

Während der ersten Einrichtung werden wir Anpassungen an der Hauptanzeige vornehmen und dabei die verschiedenen Komponenten berücksichtigen.

Eine erste Überlegung ist die Konfiguration des Anzeigeformats für die Sprachliste, das drei Optionen zur Auswahl bietet: nebeneinander, Dropdown oder Popup. Auf der linken Seite befindet sich eine Vorschau-Anzeige für jedes Format.

Das erste Format, wie unten gezeigt, ist ein nebeneinander angeordnetes Layout.

Ein Screenshot einer Sprachübersetzungsoberfläche. Die Oberfläche enthält Felder zum Eingeben von zu übersetzendem Text und zur Auswahl der Zielsprache.

Das folgende Format verwendet einen Dropdown-Stil, wie im Bild unten dargestellt.

Ein dunkles Hintergrundbild mit viel weißem Raum

Zuletzt haben wir das Popup-Format als letzte Option.

Ein schwarzes Hintergrundbild mit viel weißem Raum

Als nächstes gehen wir zum nächsten Schritt über, 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 leicht erkennbar ist.

Schließlich 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 die Anzeige der Flagge wählen. Diese Entscheidung hängt von Ihren spezifischen Designpräferenzen und den Präferenzen Ihrer Zielgruppe ab.

Schritt 5: Flaggen-Design festlegen

Danach finden Sie unterhalb des Hauptanzeigebereichs Designkonfigurationen speziell für die Flagge. Das unten angezeigte Bild demonstriert einige der verfügbaren Einstellungsoptionen.

  • Anzeige des Sprachnamens
  • Englische Flaggentype: Diese Option ist anwendbar, wenn es um Sprachen geht, die mehrere Variationen haben, wie z.B. „Englisch USA“ oder „Englisch Großbritannien.“ Ähnliche Auswahlmöglichkeiten können für Sprachen wie Spanisch, Taiwanesisch, Deutsch und Portugiesisch getroffen werden.
  • Flaggenstil: Diese Einstellung ermöglicht es Ihnen, die Form des Flaggenicons zu definieren, egal ob rund oder quadratisch (rechteckig).
Ein dunkles Platzhalterbild.

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

Sobald das Flaggen-Design eingerichtet ist, besteht der nächste Schritt darin, Farben, Größe und verschiedene andere Elemente anzupassen. In der folgenden Schnittstelle finden Sie zahlreiche anpassbare Einstellungen, darunter:

  1. Flaggen-Radius: Dies ermöglicht es Ihnen, den Randradius in Pixel anzupassen, wenn Sie eine rechteckige Flagge verwenden.
  2. Sprachnamenfarbe: Sie können die Standardtextfarbe für den Sprachnamen auswählen.
  3. Popup-Sprache-Farbe: Diese Einstellung bestimmt die Farbe des Sprachentitels in den Popup- oder Dropdown-Bereichen.
  4. Flagge Größe: Sie haben die Möglichkeit, die Größe der Flagge entsprechend Ihren Vorlieben zu ändern.
  5. Sprachnamen-Hover-Farbe: Diese Einstellung steuert die Textfarbe, wenn Sie mit der Maus über die Sprachnamen fahren.
  6. Popup-Sprache-Hover-Farbe: Ebenso bestimmt diese Einstellung die Textfarbe, wenn Sie mit der Maus über den Sprachentitel in den Popup- oder Dropdown-Bereichen fahren.
Mehrere schwarze elektronische Geräte. Verschiedene Modelle werden angezeigt.

Schritt 7: Flagge Box-Shadow einstellen

In der letzten Phase haben Sie die Möglichkeit, die Schattierungseinstellungen für die Flagge anzupassen. Die erste Einstellung ermöglicht es Ihnen, einen Schatten für jede auf Ihrer Website angezeigte Flagge festzulegen, während sich die nachfolgende Einstellung auf den Schattierungseffekt beim Überfahren der Sprachflagge bezieht.

Denken Sie daran, auf die Speichern-Schaltfläche zu klicken, um die Anpassungseinstellungen, die Sie für den Sprachumschalter vorgenommen haben, beizubehalten. Dadurch wird sichergestellt, dass Ihre ausgewählten Konfigurationen für die Schattierungseffekte implementiert und für die zukünftige Verwendung gespeichert werden.

Box-Schatten auf dem Bildschirm reparieren. Schatten auf dem Haus reparieren

Nachdem alle Konfigurationen durchgeführt wurden, finden Sie hier ein Beispiel für die Anzeige des Sprachselektors mithilfe eines Popups, das in der oberen rechten Ecke positioniert ist und Anfangsbuchstaben verwendet. Dies ist nur ein Beispiel, Sie können den Rest nach Ihren Wünschen und entsprechend den Anforderungen der Website anpassen.

Ein Schwarz-Weiß-Screenshot einer Höhle

Außerhalb von WordPress CMS können Sie auch andere Website-Plattformen verwenden und der detaillierten Anleitung folgen, wie z.B. Setup-Schalter für OpenCart, Sprachumschalter für Drupal und Einstellungsschalter für PrestaShop.

Bereit, neue Märkte zu erkunden? Probieren Sie unseren automatischen Übersetzungsdienst kostenlos mit unserer 1-Monats-Risikofreien-Testversion aus. Keine Kreditkarte erforderlich!

Entwerfen Sie Ihren Sprachselektor für ein nahtloses mehrsprachiges Erlebnis mit Linguise!

Hier haben Sie Einblicke in bewährte Praktiken für die Gestaltung von Sprachwählern und deren Umsetzung mit Linguisegewonnen! Glauben Sie mir, ein Sprachumschalter kann viele Vorteile bieten und eine Optimierung auf der Grundlage der oben genannten Punkte gewährleisten.

Stellen Sie beim Erstellen eines Sprachselektors sicher, dass Sie die Tipps und Best Practices befolgen, die wir oben erläutert haben, angefangen bei der Verwendung von Symbolen und der Auswahl relevanter Sprachen bis hin zur Positionierung.

Jetzt registrieren Sie ein Linguise-Konto, fügen Sie Ihre Website hinzu und optimieren Sie den Sprachwähler, um eine bessere Benutzererfahrung zu bieten. Vergessen Sie nicht, die 1-monatige kostenlose Testversion zu nutzen, um die überlegenen Funktionen von Linguise

Sie könnten auch an folgenden Themen interessiert sein

Verpassen Sie nichts!
Abonnieren Sie unseren Newsletter

Erhalten Sie Nachrichten über die automatische Übersetzung von Websites, internationales SEO und mehr!

Invalid email address
Probieren Sie es aus. Einmal pro Monat, und Sie können sich jederzeit abmelden.

Teilen Sie Ihre E-Mail-Adresse, bevor Sie uns verlassen!

Wir können nicht garantieren, dass Sie im Lotto gewinnen, aber wir können interessante informative Nachrichten rund um die Übersetzung und gelegentliche Rabatte versprechen.

Verpassen Sie nichts!
Invalid email address