Haben Sie eine Website, die mit Concrete CMS erstellt wurde, und möchten Sie einen Sprachumschalter hinzufügen? Ein Sprachumschalter vereinfacht den Sprachwechsel für Ihre Nutzer. Diese Funktion ist besonders nützlich für Websites mit internationaler Nutzerschaft, da Besucher die Plattform so in ihrer bevorzugten Sprache nutzen können.
Concrete CMS einen Sprachumschalter einzurichten , legen Administratoren üblicherweise zunächst die gewünschten Sprachen in den Systemeinstellungen fest. Anschließend fügen sie ein Dropdown-Menü oder eine Schaltfläche hinzu, über die Benutzer ihre bevorzugte Sprache auswählen können. Dieser Artikel beschreibt die Implementierung eines Sprachumschalters in Concrete CMS mithilfe eines der verfügbaren automatischen Übersetzungsdienste .
Bedeutung der Einrichtung eines Sprachumschalters im Concrete CMS
Die Notwendigkeit, Inhalte in mehreren Sprachen anzubieten, gewinnt zunehmend an Bedeutung. Eine aktuelle Studie von DeepL ergab, dass 75 % der Befragten der Ansicht sind, dass lokalisierte Inhalte die Kundenbindung deutlich erhöhen.
Die Implementierung eines Sprachumschalters dient der Übersetzung von Inhalten und der Schaffung eines personalisierten Nutzererlebnisses für Website-Besucher. Dies belegen die Daten, die zeigen, dass 96 % der Befragten einen positiven ROI (Return on Investment) ihrer Bemühungen zur Inhaltslokalisierung verzeichnen konnten.
Angesichts dieser Daten ist die Implementierung eines Sprachumschalters in Concrete CMS ein strategischer Schritt, der nicht vernachlässigt werden sollte. Daher beschreibt dieser Artikel, wie Sie einen Sprachumschalter auf Ihrer Concrete CMS Website einrichten.
So richten Sie einen Sprachumschalter in Concrete CMS ein
Nachdem wir die Bedeutung der Sprachwechselfunktion auf der mehrsprachigen Concrete CMS Plattform verstanden haben, wollen wir uns nun mit deren Implementierung befassen. Concrete CMS verfügt über ein integriertes Sprachverwaltungssystem, das sich an die Bedürfnisse Ihres Unternehmens anpassen lässt.
Einer der automatischen Übersetzungsdienste, die Sie nutzen können, ist Linguise . Linguise bietet benutzerfreundliche Funktionen zum Umschalten zwischen Sprachen und lässt sich in verschiedene gängige Content-Management-Systeme (CMS) integrieren, darunter auch Concrete CMS .
Concrete CMS bietet eine einfache Mehrsprachigkeitsintegration, sodass Administratoren ihren Websites schnell Sprachumschaltfunktionen hinzufügen können. Dank der fortschrittlichen Funktionen und der benutzerfreundlichen Oberfläche von Concrete CMS Installation Linguise auf Concrete CMS und zur Einrichtung des Sprachumschalters.
#1 Concrete CMS Domäne registrieren
Erstellen Sie zunächst ein kostenloses Linguise Konto und fügen Sie die Domain Ihrer Website hinzu. Sie können Linguise 30 Tage lang kostenlos testen, bevor Sie sich für ein Abonnement entscheiden.
Als Nächstes müssen Sie Ihre Domain für die Übersetzung freigeben. Kopieren Sie Ihren Domainnamen inklusive „https://“ und wählen Sie „Concrete CMS“ als Plattform aus. Legen Sie in Concrete CMSIhre Ausgangssprache und die Zielsprachen für die automatische Übersetzung fest.
#2: Linguise Skript hochladen und verbinden
Sie müssen das Linguise -Übersetzungsskript auf den Server hochladen, auf dem Concrete CMS installiert ist. Laden Sie das Skript über den bereitgestellten Link herunter, entpacken Sie es und legen Sie den Ordner im Stammverzeichnis Ihrer Concrete CMS Installation ab. Stellen Sie sicher, dass der Ordner den Namen „linguise“ trägt
Fügen Sie anschließend den Linguise -API-Schlüssel in die Datei Configuration.php auf Ihrem Server ein. Öffnen Sie die Datei und ersetzen Sie „REPLACE_BY_YOUR_TOKEN“ durch Ihren API-Schlüssel, indem Sie ihn in einfache Anführungszeichen setzen.
#3: URL-Rewriting Concrete CMS einrichten
In Concrete CMSist die URL-Umschreibung in der Regel standardmäßig aktiviert. Falls nicht, können Sie sie über Ihren Hosting-Anbieter aktivieren. Aktualisieren Sie die .htaccess-Datei, indem Sie nach der Zeile „RewriteEngine on“ den entsprechenden Code hinzufügen. Dadurch werden sprachspezifische URLs konfiguriert.
<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)(?:$|/)(.*)$ /concretee/linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME}/index.html !-f
RewriteCond %{REQUEST_FILENAME}/index.php !-f
RewriteRule . /concretee/index.php [L]
</IfModule>
#4: Sprachumschalter aktivieren und anpassen
Der Link Linguise -JS-Skript muss auf allen Seiten Ihres Concrete CMS eingebunden werden, damit der Sprachumschalter mit Flaggen und alternativen URLs angezeigt wird (wichtig für die Suchmaschinenoptimierung). Sie finden den Skriptlink in den Domain-Einstellungen Ihres Linguise Dashboards.
Um das Skript in Concrete CMSzu laden, fügen Sie den Code in die header.php-Datei oder in den Header Ihrer Website ein.<head> Abschnitt über das Admin-Panel durch Navigation zu System & Einstellungen > SEO & Statistiken.
Fügen Sie es anschließend unter Tracking-Codes hinzu.
Standardmäßig erscheint der Umschalter in der oberen rechten Ecke.
Sie können das Erscheinungsbild Ihres Dashboards jedoch mithilfe der Funktion „Sprachflaggenanzeige“ anpassen.
#5: Hauptanzeige konfigurieren
Um den Sprachumschalter einzurichten, navigieren Sie im Linguise „Einstellungen“ > „Sprachflaggenanzeige“ . Hier können Sie verschiedene Einstellungen anpassen.
- Flaggen-Symbolstil: Wählen Sie aus drei Anzeigestilen: nebeneinander, Dropdown-Menü oder Popup.
- Position: Wählen Sie den Standort des Sprachumschalters auf Ihrer Website so, dass er für Besucher leicht zugänglich ist.
#6: Flaggen-Design anpassen
Nach der Einrichtung des Hauptdisplays können Sie das Design der Sprachflaggen anpassen.
- Sprachbezeichnung anzeigen: Legen Sie fest, ob die Bezeichnung auf dem Land oder der Sprache basieren soll, z. B. „Französisch“ oder „Français“.
- Englischer Flaggentyp: Mit dieser Option können Sie zwischen US-amerikanischen und britischen Varianten unterscheiden. Gleiches gilt für Spanisch, Portugiesisch oder Deutsch.
- Flaggenstil: Wählen Sie die Form des Flaggensymbols, entweder rund oder rechteckig.
#7: Farbe und Größe anpassen
Anschließend können Sie die Farbe und Größe der Flaggen individuell anpassen.
- Flag border-radius: Legt den Radius in Pixeln für die rechteckigen Flaggen fest.
- Farbe der Sprachnamen: Wählen Sie die Standardtextfarbe für die Anzeige der Sprachnamen.
- Sprachfarbe im Popup: Legen Sie die Textfarbe für die Sprachtitel im Popup oder Dropdown-Menü fest.
- Flaggengröße: Passen Sie die Größe der Flaggensymbole an.
- Farbe beim Überfahren mit der Maus für Sprachnamen: Legt die Farbe fest, die beim Überfahren mit der Maus für Sprachnamen angezeigt werden soll.
- Sprachüberschrift im Popup: Hier können Sie die Farbe festlegen, die beim Überfahren der Sprachtitel im Popup oder Dropdown-Menü angezeigt wird.
#8: Füge einen Flaggen-Boxschatten hinzu
Schließlich können Sie die Einstellungen für den Flaggenboxschatten anpassen.
- Die erste Option fügt den auf Ihrer Website angezeigten Flaggen-Icons einen Schatteneffekt hinzu.
- Die zweite Option steuert den Schatteneffekt, der beim Überfahren der Sprachflaggen mit der Maus angezeigt wird.
Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf „Speichern“ , um die Änderungen zu übernehmen. Besuchen Sie Ihre Concrete CMS Website, um zu überprüfen, ob der Sprachumschalter wie erwartet funktioniert und um eine Vorschau anzuzeigen.
Sie können die Website auch in weitere Sprachen übersetzen, zum Beispiel ins Deutsche.
Best Practices zur Optimierung des Sprachumschalters im Concrete CMS
Die Optimierung des Sprachumschalters in Concrete CMS verbessert die Benutzerfreundlichkeit in mehrsprachigen Umgebungen. Nachfolgend finden Sie wichtige Tipps zur Verbesserung des Sprachumschalters auf Ihrer Plattform.
Verwendung von Sprachnamen und Flaggen
Die Kombination von Sprachnamen und Flaggensymbolen ist eine effektive Methode, die Benutzerfreundlichkeit Ihres Sprachumschalters zu verbessern. Dieser Ansatz bietet zwei visuelle Hinweise, die Nutzern helfen, ihre gewünschte Sprache schnell zu erkennen und auszuwählen. Der Sprachname sorgt für Klarheit, während die Flagge als visuelle Referenz dient und die Auswahl erleichtert, insbesondere wenn eine Sprache in mehreren Ländern mit unterschiedlichen Flaggen verwendet wird.
Wenn Ihre Concrete CMS Website beispielsweise ein globales E-Commerce-Publikum anspricht und die Sprachen „🇺🇸 Englisch“, „🇫🇷 Französisch“ und „🇩🇪 Deutsch“ kombiniert, kann ein Sprachumschalter es den Nutzern erleichtern, schnell ihre bevorzugte Sprache zu finden, ihr Einkaufserlebnis verbessern und ihnen die Navigation auf der Website erleichtern.
Erkennbare Flaggen-Symbole
Es ist unerlässlich, klare, hochwertige Flaggen-Icons zu verwenden, die auch in kleineren Größen gut erkennbar sind. Diese Icons helfen Nutzern, ihre Sprache schnell zu identifizieren, ohne Text lesen zu müssen. Gegebenenfalls ist es wichtig, kulturell sensible Icons zu wählen, die Sprachen statt Länder repräsentieren. Beispielsweise kann die Verwendung eines neutralen Symbols für eine weit verbreitete Sprache wie Arabisch angemessener sein als die Wahl einer Nationalflagge.
Eine Concrete CMS Plattform, die für ein internationales Reisebüro entwickelt wurde, könnte beispielsweise die spanische Flagge für Spanisch, die kanadische Flagge für Französisch und ein Globus-Symbol für weit verbreitete Sprachen wie Englisch verwenden. Dadurch sind die Symbole klar und intuitiv, sodass Nutzer beim Stöbern nach Reiseangeboten problemlos ihre bevorzugte Sprache auswählen können.
Sprachumschalter strategisch
Der Sprachumschalter sollte gut sichtbar und leicht zugänglich platziert werden, ohne die Benutzeroberfläche zu überladen. Gängige Platzierungsmöglichkeiten sind die Kopf- oder Fußzeile sowie das Hauptnavigationsmenü. Eine einheitliche Platzierung auf allen Seiten ist wichtig, damit der Sprachumschalter überall auf der Website leicht zu finden ist.
Eine Concrete CMS Website könnte beispielsweise den Menü-Umschalter in der oberen rechten Ecke des Headers platzieren, sodass er beim Scrollen stets sichtbar bleibt. Auf Mobilgeräten bietet die Integration in das Hamburger-Menü eine barrierefreie Zugänglichkeit und spart gleichzeitig Platz.
Sorgen Sie für Einheitlichkeit auf allen Seiten
Es ist wichtig, ein einheitliches Erscheinungsbild und eine konsistente Funktionalität zu gewährleisten. Der Sprachumschalter sollte auf jeder Seite gleich funktionieren, und Nutzer sollten nach einem Sprachwechsel auf derselben Seite mit den in die neue Sprache übersetzten Inhalten bleiben. Dies optimiert den Nutzerfluss und macht die Navigation intuitiver.
Beispielsweise wird ein Dropdown-Menü zur Sprachauswahl einheitlich auf Startseiten, Kontaktseiten und anderen Seiten angezeigt. Dadurch können Nutzer die Sprache nahtlos wechseln, ohne die Position im Inhalt zu verlieren.
Fazit
Durch die Einrichtung eines Sprachumschalters und die Implementierung automatischer Übersetzungen auf Ihrer Concrete CMS Website bieten Sie Ihren Nutzern ein nahtloses mehrsprachiges Erlebnis. Folgen Sie den Schritten in diesem Leitfaden, um einen Sprachumschalter zu integrieren und ihn an die Bedürfnisse Ihrer Website anzupassen.
Eine optimierte Sprachauswahl verbessert die Benutzerfreundlichkeit und das Nutzerengagement. Registrieren für ein Linguise Konto , integrieren Sie es in Ihre Concrete CMS Website und konfigurieren Sie die Sprachauswahl nach Ihren Wünschen. So können Besucher Ihre Plattform problemlos in ihrer bevorzugten Sprache nutzen.
