Die Einrichtung eines Sprachumschalters in Kirby CMS ist eine wichtige Funktion, um Besuchern aus dem Ausland die Interaktion mit Ihrer Website zu erleichtern. Die Möglichkeit, einfach zwischen verschiedenen Sprachen zu wechseln, ist für viele Online-Plattformen zu einer unverzichtbaren Voraussetzung geworden.
Durch die Einrichtung eines Sprachumschalters in Kirby CMS können Sie die Zugänglichkeit Ihrer Website für internationale Besucher deutlich verbessern, potenziell die Suchmaschinenoptimierung steigern und das globale Vertrauen in Ihre Marke stärken. Auch wenn der Prozess zunächst komplex erscheinen mag, führt Sie diese Anleitung Schritt für Schritt durch die effiziente Implementierung dieser Funktion auf Ihrer Kirby CMS-Website und gewährleistet so ein reibungsloses und benutzerfreundliches mehrsprachiges Erlebnis.
Bedeutung der Einrichtung eines Sprachumschalters im Kirby CMS
Die Implementierung eines Sprachumschalters in Kirby CMS ist mehr als nur eine Funktion – es ist eine strategische Entscheidung, die die Leistung und Reichweite Ihrer Website maßgeblich beeinflussen kann. Lassen Sie uns die wichtigsten Gründe für die Einrichtung eines Sprachumschalters auf Ihrer Kirby CMS-Website näher betrachten.
- Verbesserung des Nutzererlebnisses: Ein Sprachumschalter ermöglicht es Besuchern, auf Inhalte in ihrer bevorzugten Sprache zuzugreifen, was ihr Verständnis und ihre Interaktion mit der Website deutlich verbessert.
- Senkung der Absprungrate: Besucher, die keine Inhalte in ihrer Sprache finden, verlassen die Website wahrscheinlich schnell wieder. Das Angebot mehrerer Sprachoptionen regt Nutzer dazu an, die Website weiter zu erkunden.
- Steigerung der Konversionsraten: Wenn Nutzer Produktdetails, Richtlinien und Kaufprozesse in ihrer Muttersprache verstehen können, sind sie eher geneigt, einen Kauf zu tätigen oder die gewünschten Aktionen durchzuführen.
- Verbesserung der mehrsprachigen Suchmaschinenoptimierung: Suchmaschinen berücksichtigen die Nutzererfahrung bei der Bewertung von Websites. Ein intuitiver Sprachumschalter kann Ihre mehrsprachige SEO- Performance verbessern, indem er den einfachen Zugriff auf Inhalte in verschiedenen Sprachen ermöglicht.
So richten Sie einen Sprachumschalter auf Kirby CMS ein
Nachdem wir die Bedeutung eines Sprachumschalters auf einer mehrsprachigen Kirby CMS-Website erläutert haben, widmen wir uns nun den praktischen Aspekten der Einrichtung. Viele Website-Übersetzungsdienste bieten diese Funktion zwar an, doch einen Anbieter zu finden, der einen hochgradig anpassbaren und benutzerfreundlichen Sprachumschalter bereitstellt, kann sich als schwierig erweisen.
Es ist entscheidend, einen automatischen Übersetzungsdienst auszuwählen, der nicht nur mit verschiedenen Frameworks kompatibel ist, sondern auch eine flexible Sprachumschaltfunktion bietet. Ein Dienst, der diese Anforderungen besonders gut erfüllt, ist die automatische Übersetzungswebsite Linguise . Deren Sprachumschaltfunktion zeichnet sich durch ihre einfache Anpassbarkeit und benutzerfreundliche Oberfläche aus und eignet sich daher hervorragend für die Integration mit Kirby CMS.
Durch die nahtlose Integration Linguise in Ihr Kirby CMS können Sie Ihrer mehrsprachigen Anwendung mühelos einen Sprachumschalter hinzufügen. Die fortschrittlichen Funktionen und die intuitive Benutzeroberfläche von Linguisevereinfachen die Einrichtung und Wartung eines Sprachumschalters auf Ihrer Kirby CMS-Website.
Folgen wir nun den Schritten zur Installation Linguise auf einer mehrsprachigen Kirby CMS- Website und zur Konfiguration des Sprachumschalters.
Schritt 1: Registrieren Sie Ihr Linguise Konto
Bereiten Sie zunächst Ihre Kirby CMS-Website für die Übersetzung vor. Dazu benötigen Sie Zugriff auf das Kirby CMS-Admin-Dashboard. Erstellen Sie anschließend ein kostenloses Linguise Konto und fügen Sie die Domain Ihrer Website hinzu. Sie können die 30-tägige kostenlose Testphase nutzen, bevor Sie sich für ein Abonnement entscheiden.
Schritt 2: Fügen Sie Ihre Kirby CMS-Website-Domain hinzu
Sobald Ihr Linguise Konto eingerichtet ist, gehen Sie zum Dashboard und fügen Sie Ihre Kirby CMS-Website-Domain hinzu. Klicken Sie auf „Domain hinzufügen“ und geben Sie die folgenden Details an:
- Konto
- URL
- Plattform (Kirby CMS)
- Standardsprache
- Übersetzungssprachen
- Übersetzen Sie URLs
- Dynamische Inhaltsübersetzung
Schritt 3: Laden Sie das Linguise -Skript hoch und verbinden Sie es
Laden Sie das Linguise Übersetzungsskript herunter und laden Sie es in den Stammordner Ihrer Kirby CMS-Installation hoch.
Entpacken Sie das Skript und stellen Sie sicher, dass der Ordner mit dem Namen „linguise“ im Stammverzeichnis Ihrer Website verbleibt.
Kopieren Sie anschließend den Linguise -API-Schlüssel in die Datei `Configuration.php` auf Ihrem Server. Öffnen Sie die Datei, ersetzen Sie `REPLACE_BY_YOUR_TOKEN` durch Ihren API-Schlüssel und speichern Sie die Änderungen.
Schritt 4: URL-Umschreibung für Kirby CMS einrichten
Kirby CMS hat die URL-Umschreibung standardmäßig aktiviert. Falls sie nicht aktiv ist, können Sie sie über Ihren Hosting-Anbieter aktivieren.
Um URLs nach Sprache zu konfigurieren, fügen Sie den folgenden Code in Ihre `.htaccess`-Datei direkt nach der Zeile `RewriteEngine on` in der standardmäßigen Kirby CMS `.htaccess`-Datei ein.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>
Schritt 5: Aktivieren und passen Sie den Sprachumschalter an
Um den Sprachumschalter mit Flaggen und alternativen URLs für SEO-Zwecke anzuzeigen, muss der Linguise JavaScript-Link auf allen Kirby CMS-Seiten geladen werden.
Den Skriptlink finden Sie in den Domäneneinstellungen des Linguise Dashboards. Kopieren Sie ihn.
Am einfachsten laden Sie dieses Skript in Kirby CMS, indem Sie es in die header.php Ihrer Website einfügen oder<head> Abschnitt. So geht's:
- Greifen Sie auf den Stammordner Ihrer Website zu.
- Navigieren Sie zu site > snippets > header.php.
- Bearbeiten Sie die Datei header.php, um den Skriptlink im Header-Bereich einzufügen.
Der Sprachumschalter wird zunächst im Standardformat angezeigt. Sie können ihn jedoch über das Linguise Dashboard unter Einstellungen > Sprachflaggenanzeige anpassen Dort finden Sie verschiedene Optionen zur individuellen Gestaltung, darunter die Hauptanzeigeeinstellungen, Sprachnamen und Designelemente.
Schritt 6: Hauptanzeige konfigurieren
Um mit der Konfiguration des Sprachumschalters zu beginnen, navigieren Sie im Linguise Dashboard zu Einstellungen > Sprachflaggen anzeigen.
In diesem Abschnitt können Sie verschiedene Einstellungen anpassen. Die Hauptanzeigeeinstellungen ermöglichen Ihnen die Anpassung von Elementen wie beispielsweise ….
- Flaggen-Symbolstil: Wählen Sie zwischen einer nebeneinanderliegenden Anzeige, einem Dropdown-Menü oder einem Popup.
- Position: Legen Sie die Platzierung des Sprachumschalters auf Ihrer Website fest. Wählen Sie eine Position, die für Besucher leicht zugänglich ist.
Schritt 7: Flaggenentwurf festlegen
Nachdem Sie die Hauptanzeigeeinstellungen konfiguriert haben, können Sie das Design der angezeigten Flaggen anpassen.
- Anzeige des Sprachnamens: Wählen Sie, ob der Sprachname basierend auf dem Land oder der Sprache selbst angezeigt werden soll, z. B. „Französisch“ oder „Français“.
- Englischer Flaggentyp: Dies ist nützlich für Sprachen mit mehreren Varianten, wie z. B. US-amerikanisches oder britisches Englisch, und ist auch auf Spanisch, Taiwanesisch, Deutsch und Portugiesisch anwendbar.
- Flaggenstil: Wählen Sie die Form des Flaggensymbols, entweder rund oder rechteckig.
Schritt 8: Farbe und Größe festlegen
Nachdem Sie das Flaggen-Design konfiguriert haben, können Sie Farbe und Größe der Flaggen anpassen. Hier sind einige Einstellungen, die Sie ändern können.
- Flaggen-Randradius: Passen Sie den Randradius für rechteckige Flaggen an, gemessen in Pixeln.
- Farbe des Sprachnamens: Wählen Sie die Standardtextfarbe zur Anzeige des Sprachnamens.
- Sprachfarbe im Popup: Legen Sie die Farbe für den Sprachtitel im Popup- oder Dropdown-Bereich fest.
- Flaggengröße: Passen Sie die Größe der Flaggensymbole an.
- Farbe beim Überfahren des Sprachnamens mit der Maus: Legen Sie die Textfarbe fest, die erscheint, wenn der Benutzer mit der Maus über den Sprachnamen fährt.
- Sprachfarbe im Popup-Menü: Definieren Sie die Textfarbe, die erscheint, wenn der Benutzer mit der Maus über den Sprachtitel im Popup- oder Dropdown-Bereich fährt.
Schritt 9: Boxschatten konfigurieren
Passen Sie abschließend die Einstellungen für den Flaggenschatten an. Mit der ersten Option können Sie jedem Flaggensymbol auf Ihrer Website einen Schatteneffekt hinzufügen. Die zweite Option steuert den Schatteneffekt, der beim Überfahren der Sprachflaggen mit der Maus angezeigt wird.
Nachdem Sie die erforderlichen Anpassungen vorgenommen haben, klicken Sie auf „Speichern“, um die Änderungen zu übernehmen. Überprüfen Sie anschließend Ihre Kirby CMS-Website, um sicherzustellen, dass die Konfiguration erfolgreich implementiert wurde. Dort sehen Sie, wie der Sprachumschalter aussieht.
Sobald der Einrichtungsprozess abgeschlossen ist, können Sie den Sprachumschalter auf Ihrer mehrsprachigen Kirby CMS-Website in Aktion sehen.
Anschließend übersetzen wir die Kirby CMS- Website automatisch in andere Sprachen, wie zum Beispiel Französisch.
4 Tipps zur Optimierung des Sprachumschalters im Kirby CMS
Hier sind vier wichtige Tipps, die Ihnen helfen, Ihren Sprachumschalter zu optimieren und ihn für Ihr globales Publikum effektiver zu gestalten.
#1 Verwenden Sie ein eindeutig erkennbares Sprachflaggensymbol
Die Integration leicht erkennbarer Sprachsymbole oder -flaggen in Ihren Sprachumschalter ist für eine schnelle Spracherkennung unerlässlich. So können Besucher ihre bevorzugte Sprache schnell finden und auswählen, was eine intuitive Benutzererfahrung ermöglicht. Wichtig ist die Wahl allgemein verständlicher Symbole, um Missverständnisse zu vermeiden.
Achten Sie bei der Implementierung von Flaggensymbolen auf deren hohe Qualität und gute Erkennbarkeit, auch in kleineren Größen. Erwägen Sie die Verwendung einer Kombination aus Flaggen und Sprachcodes, um Ihren Nutzern sowohl visuelle als auch textuelle Hinweise zu geben.
Beispiel:
Stellen Sie sich einen Reiseblog vor, der auf Kirby basiert und Reiseziele weltweit abdeckt. Der Sprachumschalter der Website könnte ein Globus-Symbol, kleine Flaggen-Symbole und zweistellige Sprachcodes verwenden.
🌎 🇺🇸 DE | 🇪🇸ES | 🇫🇷 FR | 🇩🇪 DE | 🇯🇵 JP
Durch diese Konfiguration können Benutzer ihre Sprache schnell identifizieren, sei es anhand der Flagge oder des Sprachcodes, was das gesamte Benutzererlebnis verbessert.
#2 Sprachnamen neben Flaggen anzeigen
Flaggen bieten zwar eine schnelle visuelle Orientierung, doch die Kombination mit den jeweiligen Sprachnamen sorgt für zusätzliche Klarheit. Diese Strategie hilft, Verwechslungen zu vermeiden, insbesondere bei Sprachen, die in mehreren Ländern mit unterschiedlichen Flaggen gesprochen werden.
Durch die Angabe der tatsächlichen Sprachbezeichnungen beseitigen Sie Missverständnisse und stellen sicher, dass Besucher ihre bevorzugte Sprache eindeutig identifizieren können. Dieser Ansatz zeugt zudem von Respekt vor kultureller Vielfalt und fördert Inklusion.
Beispiel:
Stellen Sie sich eine mit Kirby betriebene Bildungsplattform vor, die Kurse in mehreren Sprachen anbietet. Der Sprachumschalter könnte folgendermaßen aussehen.
🇺🇸 Englisch | 🇪🇸 Español | 🇫🇷 Français | 🇩🇪 Deutsch | 🇯🇵 日本語
Dieses Design ermöglicht es Nutzern, sowohl die Flagge als auch den Sprachnamen in der jeweiligen Landesschrift zu sehen, wodurch die Sprache für Sprecher dieser Sprache sofort erkennbar ist. Dies ist besonders hilfreich für Sprachen wie Spanisch oder Englisch, die in mehreren Ländern mit unterschiedlichen Flaggen gesprochen werden.
#3 Positionieren Sie die Sprachumschalttaste mit Bedacht
Die Platzierung Ihres Sprachumschalters ist entscheidend für seine Wirksamkeit. Er sollte gut sichtbar und leicht zugänglich auf Ihrer Website sein. Gängige und effektive Positionen sind beispielsweise die Kopfzeile, die Fußzeile oder das Hauptnavigationsmenü.
Stellen Sie sicher, dass der Sprachumschalter auf jeder Seite Ihrer Website gut sichtbar und leicht erreichbar ist. Diese einheitliche Platzierung hilft Nutzern, die Sprachoptionen schnell zu finden, unabhängig davon, wo sie sich gerade auf Ihrer Website befinden.
Beispiel:
Beispielsweise eine Portfolio-Website für ein multinationales Architekturbüro, die auf Kirby basiert. Die Implementierung des Sprachumschalters könnte wie folgt aussehen.
- Platzierung im Header: Der Sprachumschalter befindet sich in der oberen rechten Ecke des Headers, neben dem Suchsymbol.
- Fixierte Navigation: Beim Scrollen bleibt die Kopfzeile oben fixiert, sodass der Sprachumschalter stets erreichbar ist.
- Optimierung für Mobilgeräte: Auf Mobilgeräten ist der Sprachumschalter im Hamburger-Menü integriert, um einen einfachen Zugriff zu ermöglichen, ohne den kleinen Bildschirm zu überladen.
Durch diese strategische Platzierung wird sichergestellt, dass die Benutzer jederzeit problemlos die Sprache wechseln können, egal ob sie Projektgalerien ansehen, etwas über die Geschichte des Unternehmens lesen oder Kontaktinformationen abrufen.
#4 Gewährleisten Sie die Einheitlichkeit des Sprachumschalters auf allen Seiten
Es ist unerlässlich, dass das Erscheinungsbild und die Funktionalität Ihres Sprachumschalters auf Ihrer gesamten Website einheitlich sind. Nutzer sollten die Sprache mühelos wechseln können, unabhängig davon, welche Seite sie gerade besuchen oder welche Inhalte sie ansehen.
Diese Konsistenz sorgt für ein nahtloses Benutzererlebnis und stärkt die Zugänglichkeit der Sprachoptionen, wodurch Vertrauen in Ihre mehrsprachige Website aufgebaut wird.
Beispiel:
Betrachten wir eine E-Commerce-Website, die mit Kirby arbeitet und Produkte weltweit verkauft. So könnte sie eine einheitliche Strategie zur Sprachumschaltung implementieren.
- Einheitliches Design: Der Sprachumschalter erscheint als Dropdown-Menü mit der Bezeichnung „Sprache“ in der oberen rechten Ecke jeder Seite, einschließlich Produktlisten, einzelnen Produktseiten und Checkout-Seiten.
- Inhaltserhaltung: Beim Sprachwechsel bleiben Nutzer auf derselben Seite, die Inhalte werden jedoch in der neu gewählten Sprache angezeigt. Wenn ein Nutzer beispielsweise die Beschreibung einer handgefertigten Vase auf Englisch ansieht und dann auf Französisch wechselt, werden ihm dieselben Produktdetails auch auf Französisch angezeigt.
- URL-Struktur: Die URL-Struktur ändert sich beim Wechsel der Sprache stets.
Englisch: www.yourmarket.com/products/blue-ceramic-vase
Französisch: www.yourmarket.com/fr/produits/vase-ceramique-bleu
Dieses einheitliche Nutzererlebnis auf allen Seiten gewährleistet, dass die Nutzer sicher navigieren und in ihrer bevorzugten Sprache einkaufen können, was potenziell die Wahrscheinlichkeit erhöht, dass sie einen Kauf abschließen und in Zukunft auf die Website zurückkehren.
Richten Sie mit Linguiseeinen Sprachumschalter auf Ihrer Kirby-Website ein!
Die Einrichtung eines Sprachumschalters in Kirby CMS ist ein entscheidender Schritt hin zu einer wirklich globalen und benutzerfreundlichen Website. Durch die Implementierung dieser Funktion erreichen Sie ein vielfältiges internationales Publikum und können so potenziell die Interaktion steigern, die Absprungrate senken und die Gesamtleistung Ihrer Website verbessern.
Um diesen Prozess zu vereinfachen und optimale Ergebnisse zu erzielen, empfehlen wir Ihnen Linguise für Ihre Kirby CMS-Website. Linguise bietet einen leistungsstarken, individuell anpassbaren Sprachumschalter, der sich nahtlos in Kirby CMS integriert und Ihnen die einfache Implementierung und Feinabstimmung Ihrer mehrsprachigen Strategie ermöglicht. Erstellen Sie jetzt ein Linguise Konto, integrieren Sie es in Ihre Kirby CMS-Website und passen Sie den Sprachumschalter an, um die Benutzerfreundlichkeit weiter zu verbessern.
