Die Einrichtung eines Sprachumschalters auf Craft CMS ist eine entscheidende Funktion für jede Website, die ein globales Publikum erreichen möchte. Im heutigen Zeitalter der Globalisierung ist die Möglichkeit, nahtlos zwischen mehreren Sprachen zu wechseln, ein dringendes Bedürfnis.
Richten Sie einen Sprachumschalter ein auf Craft CMS verbessert die Zugänglichkeit für Besucher aus verschiedenen Ländern, kann das Suchmaschinen-Ranking verbessern und globales Markenvertrauen aufbauen. Auch wenn es komplex klingen mag, hilft Ihnen diese Schritt-für-Schritt-Anleitung, dies reibungslos und effizient auf Ihrer Craft CMS Website umzusetzen.
Warum es wichtig ist, einen Sprachumschalter auf Craft CMS einzurichten
Bevor wir uns damit befassen, wie man einen Sprachumschalter auf Craft CMSeinrichtet, wollen wir zunächst besprechen, warum ein Sprachumschalter wichtig ist. Hier sind einige Gründe.
- Bessere Nutzererfahrung: Ein Sprachumschalter ermöglicht Besuchern einen einfachen Zugriff auf Inhalte in ihrer bevorzugten Sprache und verbessert so ihr Verständnis und ihre Interaktion mit der Website.
- Reduzierung der Absprungrate: Besucher, die ihre gewünschte Sprache nicht finden, verlassen Ihre Website möglicherweise sofort. Ein Sprachumschalter, der mehrere Sprachen anbietet, kann verhindern, dass sie die Seite verlassen.
- Steigerung der Conversions: Das Verständnis von Produktdetails, Richtlinien und dem Kaufprozess in ihrer Sprache kann Besucher dazu ermutigen, einen Kauf zu tätigen oder andere Aktionen auszuführen.
- Mehrsprachige SEO optimieren: Suchmaschinen berücksichtigen Faktoren der Nutzererfahrung beim Ranking von Websites. Ein benutzerfreundlicher Sprachumschalter kann Ihr mehrsprachiges SEO -Ranking verbessern, indem er Besuchern den Zugriff auf Inhalte in ihrer Sprache erleichtert. Die korrekte Übersetzung von Inhalten sendet zudem positive Signale an Suchmaschinen, dass Ihre Website für verschiedene Suchanfragen in unterschiedlichen Sprachen relevant ist.
Wie man einen Sprachumschalter in Craft CMS einrichtet
Nachdem wir die Bedeutung eines Sprachumschalters auf einer mehrsprachigen Craft CMS -Website verstanden haben, wollen wir besprechen, wie er eingerichtet wird. In der Regel bieten Website-Übersetzungsdienste diese Funktion an, die an Ihre Bedürfnisse angepasst werden kann.
Allerdings bieten nicht alle Übersetzungsdienste einen Sprachumschalter, der einfach anpassbar und benutzerfreundlich ist. Daher ist es wichtig, einen automatischen Übersetzungsdienst zu wählen, der mit verschiedenen Frameworks kompatibel ist und eine flexible Sprachumschalter-Funktion bietet.
Ein Dienst, der diese Kriterien erfüllt, ist Linguise. Linguise bietet eine Sprachumschalter-Funktion, die leicht anpassbar und benutzerfreundlich ist und gut integriert werden kann mit Craft CMS.
Durch die nahtlose Integration von Linguise in das Craft CMS -Framework können Sie ganz einfach einen Sprachumschalter zu Ihrer mehrsprachigen Anwendung hinzufügen. Mit den erweiterten Funktionen und der benutzerfreundlichen Oberfläche von Linguisewird das Einrichten und Pflegen eines Sprachumschalters auf Ihrer Craft CMS -Website viel einfacher.
Nachfolgend finden Sie die Schritte zur Installation von Linguise auf einer mehrsprachigen Craft CMS -Website und zur Einrichtung des Sprachumschalters.
#1: Registrieren Sie sich für ein kostenloses Linguise Konto
Registriere dich für ein kostenloses Linguise -Konto und profitiere von einer kostenlosen einmonatigen Testphase, um loszulegen. Gib einfach deine E-Mail-Adresse ein, um einen Benutzernamen und ein Passwort zu erstellen.
Während der Testphase hast du Zugriff auf alle überzeugenden Funktionen, die Linguise zu bieten hat. Nach Abschluss der Testphase wirst du zum Linguise -Dashboard weitergeleitet.
#2: Domain-Website Craft CMS hinzufügen
Sobald dein Linguise -Konto erstellt ist, wirst du zum Dashboard weitergeleitet, um deine Craft CMS -Website-Domain einzugeben. Wähle „Domain hinzufügen“ und fülle die bereitgestellten Felder aus:
- Konto
- URL
- Verwendete Plattform (Craft CMS)
- Standardsprache
- Übersetzungssprachen
- URLs übersetzen
- Dynamische Inhaltsübersetzung
Sie können den API-Schlüssel abrufen, den Sie im nächsten Schritt einfügen müssen.
#4: Laden Sie das Linguise -Skript hoch
Als Nächstes müssen Sie das Linguise Übersetzungsskript auf Ihren Server hochladen, auf dem Craft CMS installiert ist.
Laden Sie das PHP-JS-Übersetzungsskript herunter, entpacken Sie es und laden Sie es in das Stammverzeichnis Ihrer Craft CMS Installation hoch.
Stellen Sie sicher, dass das Skript im Stammverzeichnis Ihrer Website abgelegt wird, wo sich Ihre Craft CMS -Dateien befinden, und dass der Ordner seinen ursprünglichen Namen „linguise“ behält
Fügen Sie anschließend den Linguise API-Schlüssel in die Configuration.php-Datei ein, die Sie auf Ihren Server hochgeladen haben. Öffnen Sie die Datei zum Bearbeiten und fügen Sie Ihren API-Schlüssel in die Anführungszeichen ein, wobei Sie den Text REPLACE_BY_YOUR_TOKEN ersetzen.
#5: Sprachumschalter aktivieren & anpassen
Der Linguise -JS-Skript-Link muss in alle Seiten Ihres Craft CMS eingebunden werden, um den Sprachumschalter mit Flaggen anzuzeigen und alternative URLs in Ihren HTML-Headern für SEO-Vorteile einzufügen.
Um den Skript-Link zu erhalten, navigiere zu den Domain-Einstellungen im Linguise -Dashboard und kopiere den dort bereitgestellten Skript-Link.
Eine einfache Möglichkeit, diesen Code in Craft CMS zu integrieren, besteht darin, ihn zu deinem Template-Index hinzuzufügen. Greife auf den Ordner /template zu und bearbeite die Indexdatei, um den Skript-Link im Header-Bereich einzufügen.
Um den Sprachumschalter anzuzeigen, der durch das Flaggen-Popup zur Auswahl Ihrer gewünschten Sprache dargestellt wird, können Sie ihn laden, indem Sie den bereitgestellten Code am Ende der Website-Konfiguration kopieren und in den Head Ihrer HTML-Seite einfügen. Diese Aktion aktiviert das automatische Laden des Flaggen-Sprachumschalters.
Der Sprachumschalter wird zunächst im Standardformat angezeigt, aber du kannst ihn personalisieren. Passe den Sprachumschalter über das Linguise -Dashboard an, indem du auf Einstellungen > Anzeige der Sprachflaggen zugreifst. Dieser Bereich enthält verschiedene Anpassungsoptionen, darunter die Hauptanzeige, Sprachnamen und Designelemente.
#6 Hauptanzeige konfigurieren
Um die Konfiguration des Sprachumschalters zu starten, gehen Sie zum Abschnitt „Einstellungen“ > „Anzeige der Sprachflaggen“ im Linguise -Dashboard.
In diesem Abschnitt können Sie mehrere Einstellungen anpassen. Zunächst gibt es die Haupteinstellungen für die Anzeige, in denen Sie verschiedene Elemente wie die folgenden ändern können.
- Stil des Flaggen-Symbols: Sie können zwischen nebeneinander angezeigten Flaggen, einem Dropdown-Menü oder einem Popup wählen.
- Position: Diese Einstellung bestimmt die Platzierung des Sprachumschalters auf Ihrer Website. Es gibt mehrere Positionsoptionen, wählen Sie also eine, die für Besucher bequem zu erreichen ist.
#7 Das Flaggen-Design festlegen
Nachdem Sie die wichtigsten Anzeigeeinstellungen angepasst haben, können Sie das Design der angezeigten Flaggen individuell gestalten.
- Sprachnamenanzeige: Sie können den Sprachnamen entweder anhand des Ländernamens oder der Sprache selbst anzeigen lassen. Beispielsweise können Sie „Französisch“ oder „Français“ anzeigen lassen.
- Englischer Flaggentyp: Diese Funktion ist vorteilhaft für Sprachen mit mehreren Varianten, wie US-amerikanisches oder britisches Englisch. Sie ist auch auf Spanisch, Taiwanesisch, Deutsch und Portugiesisch anwendbar.
- Flaggenstil: Mit dieser Option können Sie die Form des Flaggen-Symbols auswählen, entweder rund oder rechteckig.
#8 Farbe und Größe festlegen
Sobald du die Konfiguration des Flaggen-Designs abgeschlossen hast, kannst du mit der Anpassung der Farbe und Größe der Flaggen fortfahren. Nachfolgend findest du einige Einstellungen, die angepasst werden können.
- Flaggen-Eckenradius: Passen Sie den Eckenradius für den rechteckigen Flaggenstil in Pixeln an.
- Farbe des Sprachnamens: Wählen Sie die Standard-Textfarbe für die Anzeige des Namens.
- Popup-Sprachfarbe: Legen Sie die Farbe für den Sprachtitelttext im Popup- oder Dropdown-Bereich fest.
- Flaggengröße: Ändern Sie die Größe der Flaggen-Symbole.
- Farbe beim Überfahren des Sprachnamens: Legen Sie die Textfarbe fest, die angezeigt wird, wenn der Benutzer mit der Maus über den Sprachnamen fährt.
- Popup-Sprache Hover-Farbe: Legen Sie die Textfarbe fest, die angezeigt wird, wenn der Benutzer mit der Maus über den Sprachtitel im Popup- oder Dropdown-Bereich fährt.
#9 Box-Schatten konfigurieren
Schließlich können Sie die Schatteneinstellungen für das Flaggenfeld anpassen. Die erste Option ermöglicht es Ihnen, jedem auf Ihrer Website angezeigten Flaggen-Symbol einen Schatteneffekt hinzuzufügen. Die nachfolgende Option steuert den Schatteneffekt, wenn Nutzer ihre Maus über die Sprachflaggen bewegen.
Sobald Sie alle notwendigen Anpassungen vorgenommen haben, klicken Sie auf die Schaltfläche Speichern, um die Anpassungsänderungen umzusetzen. Gehen Sie dann zu Ihrer Craft CMS -Website, um zu bestätigen, dass die Konfiguration erfolgreich angewendet wurde. Ungefähr so wird der Sprachumschalter angezeigt.
Nach Abschluss des Einrichtungsprozesses können Sie die Funktionalität des Sprachumschalters auf Ihrer Craft CMS mehrsprachigen Website beobachten.
Wir werden dann die Craft CMS -Website automatisch in andere Sprachen wie Deutsch übersetzen.
5 Tipps zur Optimierung des Sprachwechslers auf Craft CMS
Sobald Sie den Sprachumschalter auf Ihrer Craft CMS mehrsprachigen Website eingerichtet haben, ist es wichtig, Best Practices für die Gestaltung eines Sprachauswahlmenüs und dessen Leistung zu verstehen, um sowohl Ihrer Website als auch den Besuchern zu nutzen.
Verwenden Sie ein leicht erkennbares Sprachflaggenlogo
Die Verwendung allgemein bekannter Sprachsymbole oder Flaggen ist entscheidend, damit Besucher ihre bevorzugte Sprachoption schnell erkennen und auswählen können. Stellen Sie sicher, dass die verwendeten Symbole oder Flaggen klar sind, einen guten Farbkontrast aufweisen und über verschiedene Kulturen hinweg weithin verstanden werden, um Verwirrung oder Mehrdeutigkeit zu vermeiden.
Vertraute Symbole oder Icons tragen zu einer intuitiven und benutzerfreundlichen Erfahrung bei, sodass Besucher mühelos zur gewünschten Sprachversion navigieren können. Es ist äußerst wichtig, Icons oder Flaggen zu wählen, die allgemein bekannt sind, um Missverständnisse oder Verwirrung zu vermeiden.
Verwendung von Sprachnamen und Flaggen
Neben der alleinigen Verwendung von Flaggen ist es ratsam, sowohl Flaggen als auch die ursprünglichen Sprachnamen zu berücksichtigen. Dieser Ansatz kann Verwirrung vermeiden, da einige Sprachen in mehreren Ländern mit unterschiedlichen Flaggen gesprochen werden.
Die direkte Verwendung von Sprachnamen beseitigt Mehrdeutigkeiten und stellt sicher, dass Besucher ihre gewünschte Sprache klar erkennen und auswählen können, ohne Missverständnisse. Darüber hinaus kann die Verwendung von Sprachnamen inklusiver sein und die kulturelle Vielfalt respektieren.
Platzieren Sie die Schaltfläche für den Sprachwechsler strategisch
Platzieren wir die Schaltfläche für die Sprachauswahl an einer prominenten und leicht zugänglichen Stelle auf Ihrer Website. Übliche Platzierungen sind der Header, der Footer oder das Hauptnavigationsmenü. Diese Positionen sind für die meisten Internetnutzer intuitiv und entsprechen ihren Erwartungen bei der Suche nach Sprachoptionen.
Eine konsistente Platzierung auf allen Seiten stellt sicher, dass Besucher unabhängig von ihrem Einstiegspunkt oder der spezifischen Seite, die sie besuchen, leicht auf den Sprachumschalter zugreifen können. Diese konsistente Platzierung trägt zu einer reibungslosen und vorhersehbaren Benutzererfahrung bei.
Implementieren Sie ein responsives Sprachumschalter-Design
Stellen Sie sicher, dass die Schaltfläche für den Sprachwechsler responsiv ist und auf verschiedenen Geräten und Bildschirmgrößen, einschließlich Desktops, Tablets und Smartphones, gut funktioniert. Testen Sie sie auf verschiedenen Geräten und Bildschirmauflösungen, um eine nahtlose Benutzererfahrung ohne abgeschnittene oder überlappende Elemente zu gewährleisten.
Ein responsives Design stellt sicher, dass Besucher von jedem Gerät aus einfach auf die Sprachoptionen zugreifen können, was die Barrierefreiheit und den Komfort beim Sprachwechsel erhöht.
Stellen Sie sicher, dass die Sprachauswahl auf allen Seiten einheitlich funktioniert
Stellen Sie sicher, dass der Sprachumschalter auf Ihrer gesamten Website ein einheitliches Erscheinungsbild und Verhalten beibehält. Nutzer sollten die Sprache reibungslos wechseln können, unabhängig davon, auf welcher Seite sie sich befinden oder welche Inhalte sie gerade ansehen. Konsistenz sorgt nicht nur für ein stimmiges Nutzererlebnis, sondern stärkt auch die Zugänglichkeit und Verfügbarkeit der Sprachoptionen und schafft Vertrauen und Zuversicht in Ihre mehrsprachige Website.
Jede Inkonsistenz im Sprachumschalter kann Nutzer verwirren und frustrieren und sie möglicherweise dazu bringen, Ihre Website zu verlassen.
Richten Sie den Sprachumschalter auf Craft CMS mit Linguiseein!
An diesem Punkt sollten Sie erkennen, dass Sie den Sprachumschalter für eine mehrsprachige Craft CMS -Website konfigurieren. Die Einrichtung eines Sprachumschalters kann verschiedene Vorteile bieten und kann basierend auf den zuvor genannten Punkten fein abgestimmt werden.
Die Optimierung des Sprachumschalters kann die allgemeine Benutzererfahrung erheblich verbessern. Als Nächstes melden Sie sich für ein Linguise -Konto an, integrieren Sie es in Ihre Craft CMS -Website und optimieren Sie den Sprachumschalter, um die Benutzererfahrung noch weiter zu verbessern.
