Le commutateur de langue est l'un des éléments d'un site web multilingue auquel il est important de prêter attention lors de la création d'un site multilingue, dont l'un est un site web multilingue Drupal .
Le commutateur de langue est un bouton de changement de langue utilisé pour passer à une autre langue lors de la visite d'un site web. Rendre le commutateur de langue convivial est important car cela peut améliorer l'expérience utilisateur et optimiser le référencement.
Alors, comment configurez-vous un commutateur de langue pour Drupal et quels sont les avantages pour un site web ? Continuez à lire l'explication ci-dessous.
Pourquoi la création d'un commutateur de langue est importante pour les sites Web multilingues Drupal ?
Développer un commutateur de langue convivial est crucial pour le succès d'un site web multilingue. Voici les raisons pour lesquelles la création d'un commutateur de langue de configuration pour Drupal les sites multilingues est bénéfique.
- Expérience utilisateur améliorée : Un sélecteur de langue convivial facilite les transitions fluides entre les langues, simplifiant la navigation et la compréhension du contenu. Cela contribue à une expérience utilisateur globale améliorée, réduisant la frustration et augmentant l'engagement.
- Navigation intuitive : Les utilisateurs doivent facilement localiser et utiliser le sélecteur de langue. Un sélecteur conçu de manière intuitive, avec un placement clair et des icônes ou des étiquettes facilement reconnaissables, encourage les utilisateurs à basculer entre les langues sans effort.
- Réduction du taux de rebond : Un commutateur de langue convivial aide à réduire les taux de rebond. Lorsque les visiteurs peuvent trouver et sélectionner rapidement leur langue préférée, ils sont plus susceptibles de rester sur le site, d'explorer le contenu et potentiellement de se convertir.
- Communication claire : Une communication efficace avec les utilisateurs est vitale pour les commutateurs de langue. Des étiquettes ou des symboles clairs et concis aident à transmettre les options de langue disponibles, minimisant la confusion et garantissant que les utilisateurs peuvent faire des choix éclairés.
- Optimisation SEO : Les moteurs de recherche prennent en compte l'expérience utilisateur lors du classement des sites Web. Un sélecteur de langue convivial et bien mis en œuvre peut avoir un impact positif sur le SEO multilingue, améliorant la visibilité et l'accessibilité de votre site pour les utilisateurs recherchant dans plusieurs langues.
Comment configurer le commutateur de langue pour Drupal?
La fonctionnalité de changement de langue est généralement fournie par le service de traduction de site web. Cette fonctionnalité peut être ajustée en fonction des besoins de ce que l'utilisateur souhaite concevoir.
Cependant, parfois, les services de traduction ne fournissent pas tous une fonctionnalité de changement de langue facile à personnaliser et à utiliser. Il est donc important de rechercher un service de traduction automatique qui fournit et est compatible avec de nombreux CMS, dont l'un est Linguise.
Linguise la traduction automatique fournit une fonctionnalité de changement de langue flexible et facilement personnalisable et est intégrée à Drupal.
Ensuite, comment configurer le commutateur de langue pour le site web Drupal . Continuez simplement à lire l'explication ci-dessous.
Step 1: Register Linguise account
Le processus initial d'inscription implique la création d'un compte gratuit avec Linguise et profiter de leur essai gratuit d'un mois. Pour s'inscrire à un compte Linguise, il suffit de fournir votre adresse e-mail pour créer un nom d'utilisateur et un mot de passe.
Pendant la période d'essai, qui s'étend sur un mois complet, vous aurez accès à une gamme de fonctionnalités complètes et convaincantes proposées par Linguise. Une fois la période d'essai terminée, vous serez dirigé vers le tableau de bord Linguise .
Étape 2 : Ajouter un site web de domaine Drupal
Dans le tableau de bord Linguise, vous devrez ajouter le domaine de votre site Drupal nécessitant une traduction. Plusieurs champs doivent être remplis, notamment.
- Compte
- URL
- Plateformes/Systèmes de gestion de contenu
- Langue
- Langue de traduction
- Traduire les URL
Procédez en activant la clé API et en configurant l'URL de la langue. Pour une guidance complète sur l'ajout d'un domaine de site web, consultez les instructions dans le guide pour installer Linguise la traduction automatique dans Drupal ou visionnez la vidéo d'instruction fournie ci-dessous.
Étape 3 : Activer le commutateur de langue
Suite à la fin de toutes les configurations, l'action suivante consiste à entrer les paramètres de commutation de langue et à présenter un drapeau pour améliorer la commodité de l'utilisateur lors des transitions de langue. Pour ce faire, copiez le code fourni dans le Linguise tableau de bord en accédant à Linguise tableau de bord > Paramètres > copier dans le presse-papiers.
Pour ajouter du contenu à l'en-tête de votre page, vous pouvez utiliser un Drupal nommé Ajouter à l'en-tête. Naviguez simplement vers Configuration > Développement > Ajouter un profil.
Enfin, assurez-vous de valider ou de vérifier l'emplacement du script.
Le sélecteur de langue s'affichera initialement en position flottante dans le coin supérieur droit de votre site web. Vous avez la possibilité de personnaliser en fonction de vos préférences.
Étape 4 : Configurer l'affichage principal
De plus, vous avez la possibilité de personnaliser le sélecteur de langue en accédant au Linguise tableau de bord et en accédant à la section Paramètres. Dans cette zone, accédez aux paramètres Affichage des drapeaux de langue. Toutes les modifications apportées dans ce segment seront automatiquement reflétées dans le sélecteur de langue sur votre site Web.
Dans la configuration initiale, nous allons ajuster l'affichage principal, en nous concentrant sur divers composants.
La considération initiale est la configuration de la forme d'affichage de la liste de langues, offrant trois options au choix, côte à côte, menu déroulant ou popup. Sur le côté gauche, il y a un aperçu de chaque forme.
Le premier formulaire, présenté ci-dessous, est la disposition côte à côte.
Le formulaire suivant prend la forme d'une liste déroulante, comme illustré ci-dessous.
Enfin, il y a le formulaire contextuel.
Ensuite, l'étape suivante consiste à configurer la position, où vous pouvez déterminer l'emplacement du sélecteur de langue. Il existe plusieurs options de position parmi lesquelles choisir, alors assurez-vous d'opter pour une position facilement visible par les visiteurs.
Enfin, décidez de la préférence de combinaison, qu'il s'agisse du drapeau + nom de la langue, du drapeau + nom court ou uniquement du drapeau.
Étape 5 : Définir le design des drapeaux
Ensuite, sous la section d'affichage principale, vous trouverez les configurations de conception pour le drapeau. L'image ci-dessous illustre certaines des options de réglage disponibles.
- Affichage du nom de la langue : Vous avez le choix d'afficher le nom en fonction du pays ou de la langue, comme « Allemand » ou « Deutsch ».
- Type de drapeau anglais : Cette option est applicable aux langues avec plusieurs variations, comme “English USA” ou “English Britain” (similaire à l'espagnol, au taïwanais, à l'allemand et au portugais).
- Style du drapeau : Ce paramètre vous permet de définir la forme de l'icône du drapeau, qu'elle soit ronde ou carrée (rectangulaire).
Étape 6 : Définir la couleur et la taille du drapeau
Après avoir configuré le design du drapeau, l'action suivante consiste à ajuster les couleurs, la taille et divers autres éléments. Dans l'interface suivante, de nombreux paramètres personnalisables sont disponibles, notamment :
- Rayon de bordure du drapeau : Personnalisation du rayon de bordure en pixels lors de l'utilisation d'un rectangle.
- Couleur du nom de la langue : Sélection de la couleur de texte par défaut pour le nom de la langue.
- Couleur de la langue dans le popup : La couleur du titre de la langue dans les zones de popup ou de liste déroulante.
- Taille du drapeau : Modification de la taille du drapeau.
- Couleur de survol du nom de la langue : La couleur du texte lors du survol des noms de langue avec la souris.
- Couleur de survol de la langue du popup : La couleur du texte lors du survol de la souris sur le titre de la langue dans le popup ou le menu déroulant.
Étape 7 : Définir l'ombre de la boîte de drapeau
Lors de la dernière phase, vous avez la possibilité de configurer les paramètres d'ombre pour le drapeau. Le paramètre initial vous permet de spécifier une ombre pour chaque drapeau affiché sur votre site web, tandis que le paramètre suivant concerne l'effet d'ombre lors du survol du drapeau de langue.
Assurez-vous de cliquer sur Enregistrer pour conserver les paramètres de personnalisation pour le commutateur de langue.
Une fois que vous avez configuré le commutateur de langue pour Drupal, voici les résultats que vous pouvez attendre du commutateur de langue.
Comment créer un commutateur de langue convivial pour votre site web Drupal ?
Après le processus de mise en place d'un commutateur de langue pour Drupal, il est maintenant essentiel de comprendre comment créer un commutateur de langue convivial pour améliorer divers avantages pour votre site web.
- Icônes ou drapeaux reconnaissables : Utilisez des icônes ou des drapeaux de langue bien connus pour représenter différentes langues. Assurez-vous que l'icône ou le drapeau choisi est visuellement proéminent et universellement reconnu pour plus de clarté.
- Placement stratégique : Positionnez l'outil de commutation de langue de manière proéminente sur votre site web, idéalement de manière cohérente sur toutes les pages telles que les en-têtes, les pieds de page ou les menus de navigation. Assurez la visibilité et l'accessibilité facile de l'outil de traduction.
- Étiquette de langue sur les drapeaux : Étiquetez clairement chaque option de langue dans sa langue respective. Par exemple, utilisez « English » pour l'anglais, « Español » pour l'espagnol, « Deutsch » pour l'allemand, etc. Cela aide les utilisateurs à identifier et à sélectionner leur langue préférée sans effort.
- Conception innovante : Utilisez une conception innovante pour l'outil de traduction, en utilisant des symboles ou du texte familiers pour indiquer les choix de langue. Par exemple, utilisez “EN” pour l'anglais et “DE” pour l'allemand. Assurez-vous que l'outil de changement de langue se démarque en utilisant des couleurs distinctes ou en mettant en évidence.
- Commutation conviviale : Simplifiez le processus pour les utilisateurs de passer à une autre langue si la langue par défaut ne correspond pas à leurs préférences. Évitez l'utilisation de menus déroulants, de listes de drapeaux/icônes ou de boutons à bascule pour la sélection de la langue.
- Conception réactive : Assurez-vous que l'outil de changement de langue est réactif et fonctionne de manière transparente sur divers appareils et tailles d'écran. Testez sa fonctionnalité sur les ordinateurs de bureau, les smartphones et les tablettes pour garantir une expérience fluide pour tous les utilisateurs.
Configurez le sélecteur de langue pour le site web multilingue Drupal à l'aide de Linguise!
À ce stade, vous avez acquis des connaissances sur les configurations du sélecteur de langue pour Drupal. La création d'un sélecteur de langue peut apporter de nombreux avantages et, par la suite, garantir une optimisation basée sur les points mentionnés ci-dessus.
En optimisant correctement le commutateur de langue, il a le potentiel d'améliorer l'expérience utilisateur globale.
Maintenant ? Allez-y et inscrivez-vous pour un Linguise compte, inscrivez votre Drupal site web, et ajustez le commutateur de langue pour offrir une expérience utilisateur améliorée.
