Configurer un sélecteur de langue dans Kirby CMS est une fonctionnalité importante pour faciliter l'accès à votre site aux visiteurs étrangers. La possibilité de basculer facilement entre différentes langues est devenue une exigence essentielle pour de nombreuses plateformes en ligne.
En configurant un sélecteur de langue dans Kirby CMS, vous pouvez considérablement améliorer l'accessibilité de votre site pour les visiteurs internationaux, potentiellement optimiser son référencement et renforcer la confiance mondiale envers votre marque. Bien que le processus puisse paraître complexe au premier abord, ce guide vous accompagnera pas à pas dans la mise en œuvre efficace de cette fonctionnalité sur votre site Kirby CMS , garantissant ainsi une expérience multilingue fluide et conviviale.
Importance de configurer un sélecteur de langue sur Kirby CMS
L'intégration d'un sélecteur de langue sur Kirby CMS est bien plus qu'une simple fonctionnalité : c'est une décision stratégique qui peut avoir un impact considérable sur les performances et la visibilité de votre site web. Découvrons ensemble les principales raisons pour lesquelles il est judicieux de configurer un sélecteur de langue sur votre site Kirby CMS.
- Amélioration de l'expérience utilisateur : un sélecteur de langue permet aux visiteurs d'accéder au contenu dans leur langue préférée, améliorant considérablement leur compréhension et leur interaction avec le site web.
- Réduire le taux de rebond : les visiteurs qui ne trouvent pas de contenu dans leur langue quitteront probablement rapidement le site. Proposer plusieurs langues encourage les utilisateurs à explorer davantage le site.
- Amélioration des taux de conversion : lorsque les utilisateurs peuvent comprendre les détails des produits, les politiques et les processus d’achat dans leur langue maternelle, ils sont plus enclins à acheter ou à entreprendre les actions souhaitées.
- Optimisation du référencement multilingue : les moteurs de recherche prennent en compte l’expérience utilisateur pour le classement des sites web. Un sélecteur de langue intuitif peut améliorer vos en référencement multilingue en facilitant l’accès au contenu dans différentes langues.
Comment configurer un sélecteur de langue sur Kirby CMS
Maintenant que nous avons abordé l'importance d'intégrer un sélecteur de langue sur un site web multilingue utilisant Kirby CMS, penchons-nous sur les aspects pratiques de sa mise en place. Bien que de nombreux services de traduction web proposent cette fonctionnalité, trouver celui qui offre un sélecteur de langue à la fois hautement personnalisable et convivial peut s'avérer complexe.
Il est essentiel de choisir un service de traduction automatique compatible avec différents frameworks et offrant une fonctionnalité de changement de langue flexible. Le site web de traduction automatique Linguise . Son sélecteur de langue est réputé pour sa facilité de personnalisation et son interface intuitive, ce qui en fait un excellent choix pour l'intégration avec Kirby CMS.
En intégrant Linguise à votre CMS Kirby, vous pouvez facilement ajouter un sélecteur de langue à votre application multilingue. Les fonctionnalités avancées et l'interface intuitive de Linguisesimplifient la configuration et la gestion d'un sélecteur de langue sur votre site web Kirby CMS.
Suivons les étapes pour installer Linguise sur un site web multilingue utilisant Kirby CMS et configurer le sélecteur de langue.
Étape 1 : Enregistrez votre compte Linguise
Commencez par préparer votre site web Kirby CMS pour la traduction, ce qui nécessite un accès au tableau de bord d'administration de Kirby CMS. Ensuite, créez un compte Linguise gratuit et ajoutez le nom de domaine de votre site web. Vous pouvez profiter de l'essai gratuit de 30 jours avant de choisir un abonnement.
Étape 2 : Ajoutez le domaine de votre site web Kirby CMS
Une fois votre Linguise créé, accédez au tableau de bord et ajoutez le domaine de votre site web Kirby CMS. Cliquez sur « Ajouter un domaine » et fournissez les informations suivantes :
- Compte
- URL
- Plateforme (Kirby CMS)
- Langage par défaut
- Langues de traduction
- Traduire les URL
- Traduction de contenu dynamique
Étape 3 : Téléchargez et connectez le script Linguise
Téléchargez le script de traduction Linguise et chargez-le dans le dossier racine de votre installation Kirby CMS.
Décompressez le script et assurez-vous que le dossier nommé «linguise» reste à la racine de votre site web.
Ensuite, copiez la clé API Linguise dans le fichier `Configuration.php` de votre serveur. Ouvrez le fichier, remplacez `REPLACE_BY_YOUR_TOKEN` par votre clé API et enregistrez les modifications.
Étape 4 : Configurer la réécriture d’URL pour Kirby CMS
La réécriture d'URL est activée par défaut dans Kirby CMS. Si elle n'est pas active, vous pouvez l'activer auprès de votre hébergeur.
Pour configurer les URL par langue, ajoutez le code suivant à votre fichier `.htaccess` juste après la ligne `RewriteEngine on` dans le fichier `.htaccess` par défaut de Kirby CMS.
<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>
Étape 5 : Activez et personnalisez le sélecteur de langue
Pour afficher le sélecteur de langue avec les drapeaux et les URL alternatives à des fins de référencement (SEO), le lien JavaScript Linguise doit être chargé sur toutes les pages Kirby CMS.
Obtenez le lien du script à partir des paramètres de domaine sur le tableau de bord Linguise et copiez-le.
La méthode la plus simple pour charger ce script dans Kirby CMS consiste à l'ajouter au fichier header.php de votre site web ou<head> section. Voici comment procéder :
- Accédez au dossier racine de votre site web.
- Accédez à site > extraits > header.php.
- Modifiez le fichier header.php pour inclure le lien du script dans la section d'en-tête.
Le sélecteur de langue s'affichera initialement dans son format par défaut. Vous pouvez toutefois le personnaliser via le Linguise en accédant à Paramètres > Affichage des indicateurs de langue. Cette section propose diverses options de personnalisation, notamment les principaux paramètres d'affichage, les noms des langues et les éléments graphiques.
Étape 6 : Configurer l’écran principal
Pour commencer la configuration du sélecteur de langue, accédez à Paramètres > Affichage des indicateurs de langue dans le tableau de bord Linguise .
Dans cette section, vous pouvez ajuster différents paramètres. Les principaux paramètres d'affichage vous permettent de personnaliser des éléments tels que :.
- Style de l'icône du drapeau : choisissez entre un affichage côte à côte, un menu déroulant ou une fenêtre contextuelle.
- Position : Déterminez l’emplacement du sélecteur de langue sur votre site web. Choisissez un emplacement facilement accessible aux visiteurs.
Étape 7 : Définir le design du drapeau
Après avoir configuré les principaux paramètres d'affichage, personnalisez le design des drapeaux affichés.
- Affichage du nom de la langue : Choisissez d’afficher le nom de la langue en fonction du pays ou de la langue elle-même, par exemple « French » ou « Français ».
- Type de drapeau anglais : Ceci est utile pour les langues présentant plusieurs variantes, comme l’anglais américain ou britannique, et s’applique également à l’espagnol, au taïwanais, à l’allemand et au portugais.
- Style du drapeau : Sélectionnez la forme de l’icône du drapeau, ronde ou rectangulaire.
Étape 8 : Définir la couleur et la taille
Après avoir configuré le design du drapeau, personnalisez sa couleur et sa taille. Voici quelques paramètres que vous pouvez ajuster.
- Rayon de bordure du drapeau : Ajustez le rayon de bordure des drapeaux rectangulaires, mesuré en pixels.
- Couleur du nom de la langue : Choisissez la couleur de texte par défaut pour afficher le nom de la langue.
- Couleur de la langue dans la fenêtre contextuelle : définissez la couleur du texte du titre de la langue dans la fenêtre contextuelle ou la zone déroulante.
- Taille du drapeau : Ajustez la taille des icônes de drapeau.
- Couleur de survol du nom de la langue : spécifiez la couleur du texte qui apparaît lorsque l'utilisateur survole le nom de la langue.
- Couleur du texte au survol de la langue dans la fenêtre contextuelle : définissez la couleur du texte qui apparaît lorsque l’utilisateur survole le titre de la langue dans la fenêtre contextuelle ou la zone déroulante.
Étape 9 : Configurer l’ombre portée
Enfin, ajustez les paramètres d'ombre des drapeaux. La première option permet d'ajouter un effet d'ombre à chaque icône de drapeau affichée sur votre site web. La seconde option contrôle l'effet d'ombre lorsque les utilisateurs survolent les drapeaux de langue.
Après avoir effectué les réglages nécessaires, cliquez sur le bouton Enregistrer pour appliquer les modifications. Ensuite, vérifiez votre site web Kirby CMS pour vous assurer que la configuration a bien été prise en compte. Vous pourrez ainsi voir à quoi ressemblera le sélecteur de langue.
Une fois le processus d'installation terminé, vous pourrez voir le sélecteur de langue en action sur votre site web multilingue Kirby CMS.
Nous traduirons ensuite automatiquement le site web Kirby CMS dans d'autres langues, comme le français.
4 conseils pour optimiser le sélecteur de langue sur Kirby CMS
Voici quatre conseils essentiels pour vous aider à perfectionner votre sélecteur de langue et à le rendre plus efficace pour votre public international.
#1 Utilisez une icône de drapeau de langue clairement identifiable
L'intégration de symboles ou de drapeaux linguistiques facilement reconnaissables dans votre sélecteur de langue est essentielle pour une identification rapide. Cette approche permet aux visiteurs de trouver et de sélectionner rapidement leur langue préférée, offrant ainsi une expérience utilisateur intuitive. L'important est de choisir des indicateurs universellement compris afin d'éviter toute confusion.
Lors de l'utilisation d'icônes de drapeaux, veillez à ce qu'elles soient de haute qualité et facilement reconnaissables, même en petite taille. Pensez à combiner drapeaux et codes de langue afin de fournir des indications visuelles et textuelles à vos utilisateurs.
Exemple:
Imaginez un blog de voyage créé avec Kirby et couvrant des destinations du monde entier. Le sélecteur de langue du site pourrait utiliser une icône de globe terrestre, accompagnée de petits drapeaux et de codes de langue à deux lettres.
🌎 🇺🇸 FR | 🇪🇸 ES | 🇫🇷 FR | 🇩🇪 DE | 🇯🇵JP
Ce système permet aux utilisateurs d'identifier rapidement leur langue, que ce soit grâce au drapeau ou au code de langue, améliorant ainsi l'expérience utilisateur globale.
#2 Afficher les noms des langues à côté des drapeaux
Si les drapeaux permettent une identification visuelle rapide, les associer aux noms des langues locales apporte une clarté supplémentaire. Cette stratégie contribue à éviter toute confusion, notamment pour les langues parlées dans plusieurs pays et arborant des drapeaux différents.
En indiquant le nom exact des langues, vous éliminez toute ambiguïté et permettez aux visiteurs d'identifier précisément leur langue de préférence. Cette approche témoigne également du respect de la diversité culturelle et favorise l'inclusion.
Exemple:
Imaginez une plateforme éducative utilisant Kirby et proposant des cours en plusieurs langues. Son sélecteur de langue pourrait ressembler à ceci.
🇺🇸 Anglais | 🇪🇸 Español | 🇫🇷 Français | 🇩🇪 Allemand | 🇯🇵 日本語
Ce design permet aux utilisateurs de voir à la fois le drapeau et le nom de la langue dans son alphabet d'origine, ce qui le rend immédiatement reconnaissable pour les locuteurs de cette langue. Il est particulièrement utile pour des langues comme l'espagnol ou l'anglais, parlées dans de nombreux pays et arborant des drapeaux différents.
#3 Positionnez judicieusement le bouton de changement de langue
L'emplacement de votre sélecteur de langue est crucial pour son efficacité. Il doit être bien visible et facilement accessible sur votre site web. Les emplacements courants et efficaces incluent l'en-tête, le pied de page ou le menu de navigation principal.
Assurez-vous que le sélecteur de langue soit visible et facilement accessible depuis n'importe quelle page de votre site. Cette cohérence dans son emplacement permet aux utilisateurs de trouver rapidement les options de langue, quelle que soit leur position sur votre site web.
Exemple:
Par exemple, un site web portfolio basé sur Kirby pour un cabinet d'architecture multinational. Ils pourraient implémenter leur sélecteur de langue comme suit.
- Emplacement de l'en-tête : Le sélecteur de langue se trouve dans le coin supérieur droit de l'en-tête, à côté de l'icône de recherche.
- Navigation fixe : lorsque les utilisateurs font défiler la page, l'en-tête reste fixe en haut, garantissant ainsi que le sélecteur de langue soit toujours accessible.
- Optimisation mobile : Sur les appareils mobiles, le sélecteur de langue est intégré au menu hamburger pour un accès facile sans encombrer le petit écran.
Ce positionnement stratégique permet aux utilisateurs de changer facilement de langue à tout moment, qu'ils consultent des galeries de projets, lisent des informations sur l'histoire de l'entreprise ou vérifient les coordonnées.
#4 Assurez la cohérence du sélecteur de langue sur toutes les pages
Il est essentiel de veiller à ce que l'apparence et le fonctionnement de votre sélecteur de langue soient uniformes sur l'ensemble de votre site web. Les utilisateurs doivent pouvoir changer de langue sans effort, quelle que soit la page consultée ou le contenu affiché.
Cette cohérence offre une expérience utilisateur fluide et renforce l'accessibilité des options linguistiques, instaurant ainsi la confiance dans votre site web multilingue.
Exemple:
Prenons l'exemple d'un site e-commerce utilisant Kirby et vendant des produits à l'international. Voici comment il pourrait mettre en œuvre une stratégie de changement de langue cohérente.
- Conception uniforme : le sélecteur de langue apparaît sous la forme d’un menu déroulant intitulé « Langue » dans le coin supérieur droit de chaque page, y compris les listes de produits, les pages produits individuelles et les pages de paiement.
- Préservation du contenu : Lorsque les utilisateurs changent de langue, ils restent sur la même page, mais le contenu s’affiche dans la langue sélectionnée. Par exemple, si un utilisateur consulte la description d’un vase artisanal en anglais et passe au français, il verra les mêmes détails du produit en français.
- Structure de l'URL : La structure de l'URL change systématiquement lors du changement de langue.
Anglais : www.yourmarket.com/products/blue-ceramic-vase
Français : www.yourmarket.com/fr/produits/vase-ceramique-bleu
Cette expérience cohérente sur toutes les pages permet aux utilisateurs de naviguer et de faire leurs achats en toute confiance dans leur langue préférée, augmentant ainsi potentiellement leurs chances de finaliser un achat et de revenir sur le site à l'avenir.
Configurez un sélecteur de langue sur votre site web Kirby avec Linguise!
Configurer un sélecteur de langue sur Kirby CMS est une étape cruciale pour créer un site web véritablement international et convivial. Grâce à cette fonctionnalité, vous ouvrez votre site à un public international diversifié, ce qui peut potentiellement accroître l'engagement, réduire le taux de rebond et améliorer les performances globales de votre site.
Pour simplifier ce processus et garantir des résultats optimaux, pensez à utiliser Linguise pour votre site web Kirby CMS. Linguise propose un sélecteur de langue performant et personnalisable qui s'intègre parfaitement à Kirby CMS, vous permettant ainsi de mettre en œuvre et d'affiner facilement votre stratégie multilingue. Créons un compte Linguise intégrons-le à votre site web Kirby CMS et personnalisons le sélecteur de langue pour améliorer encore l'expérience utilisateur.
