Comment détecter automatiquement la langue du navigateur

Publié: 2022-09-22

Permettre aux utilisateurs de visualiser le contenu dans leur langue préférée est une caractéristique essentielle des sites Web qui visent à atteindre un public mondial. En tant que propriétaire de site, vous pouvez facilement le faire en configurant votre site Web pour qu'il détecte automatiquement la langue du navigateur.

La traduction de site Web est sans aucun doute la première étape pour créer un site Web multilingue. Mais après avoir créé plusieurs versions traduites de votre site, la redirection des utilisateurs vers leur version préférée fait automatiquement progresser l'expérience de navigation.

Certes, avoir un bouton ou une page de changement de langue reste important pour pratiquement tous les sites Web multilingues. Mais la détection automatique de la langue du navigateur aide vos clients à naviguer sur votre site encore plus rapidement. Cela peut à son tour améliorer l'expérience utilisateur (UX), l'engagement, les ventes et la conversion.

Dans cet article, nous verrons comment fonctionne la détection automatique de la langue du navigateur et pourquoi c'est important. Nous vous montrerons ensuite comment utiliser notre plugin multilingue incontournable, TranslatePress pour activer la détection automatique de la langue du navigateur sur votre site WordPress.

TraduirePresse Multilingue

TranslatePress est le moyen le plus simple de traduire votre site WordPress. C'est rapide, ne ralentira pas votre site Web, fonctionne avec N'IMPORTE QUEL thème ou plug-in et il est optimisé pour le référencement.

Obtenir le plug-in

Ou téléchargez la version GRATUITE

Fonctionnement de la détection de la langue de l'utilisateur

À un moment donné, vous avez peut-être visité le site Web d'une marque étrangère, pour découvrir que vous visualisez son contenu dans votre langue maternelle. C'est possible car le site Web peut détecter automatiquement votre langue préférée.

Vous vous demandez si cela a quelque chose à voir avec certaines violations de la loi sur la confidentialité ? Ne vous inquiétez pas, la détection automatique de la langue de l'utilisateur fonctionne sur la base d'une logique simple qui n'a rien à voir avec l'espionnage de vos informations personnelles.

Les sites Web détectent la langue préférée des utilisateurs de trois manières principales. Il peut être basé sur la préférence du navigateur, l'adresse IP ou l'internationalisation.

Détection des préférences du navigateur

Il s'agit de la méthode la plus populaire utilisée par les sites Web pour détecter automatiquement la langue du navigateur. Une fois que vous avez installé un navigateur sur votre appareil, vous devez généralement sélectionner votre langue préférée.

détection automatique de la langue du navigateur

Lorsque vous visitez ensuite un site Web dans ce navigateur, le site Web peut facilement détecter la langue préférée stockée dans les fichiers de paramètres du navigateur. Le site Web utilise ensuite du code (dans la plupart des cas, Javascript) pour rediriger l'utilisateur vers la version prétraduite correspondante du site. En tant que propriétaire de site Web, vous pouvez choisir de le faire automatiquement ou demander à l'utilisateur s'il souhaite voir votre site dans la langue détectée.

Lors de la configuration de la détection automatique de la langue du navigateur, il est important de laisser les visiteurs choisir leur langue préférée une fois sur votre site Web. Un sélecteur de langue automatique aide à cela.

Mais les gens parlent des milliers de langues à travers le monde. Et vous vous demandez peut-être dans quelles langues traduire votre site Web. Une approche possible pour résoudre ce problème consiste à traduire les sites Web dans les langues les plus parlées au monde.

Cependant, en tant que bonne pratique, il est plus gratifiant de considérer les langues communes à votre public cible. Vous pouvez facilement le faire en analysant les pays spécifiques d'où viennent actuellement la plupart des visiteurs de votre site et viser à mieux les atteindre.

Google Analytics est très pratique ici. Si vous souhaitez en savoir plus sur le choix des bonnes langues pour votre site Web multilingue, vous pouvez consulter notre guide complet sur la façon de traduire WordPress.

Recherche d'adresse IP

Une autre méthode utilisée par les sites Web pour détecter la langue du navigateur consiste à vérifier l'adresse IP du visiteur du site. Une fois que le site a terminé la recherche de l'adresse IP, celle-ci reflétera à son tour l'emplacement de l'utilisateur. Il redirigera ensuite l'utilisateur en fonction de son emplacement.

Mais cette méthode comporte quelques défis. La préférence linguistique d'un utilisateur peut parfois différer de ses informations de localisation. Mais une recherche d'adresse IP typique ne peut pas les distinguer.

Par exemple, si le site Web a identifié votre emplacement comme étant les États-Unis et que vous voyagez dans un pays non anglophone, l'adresse IP met à jour votre emplacement et vous donne la version du site qui correspond à votre nouvel emplacement. Cela signifie que si vous ne comprenez pas la langue courante dans votre nouvel emplacement, vous aurez peut-être du mal à vous engager avec le contenu du site.

De même, il existe des pays comme le Canada ou le Cameroun avec plus d'une lingua franca. Aller avec l'option de langue la plus populaire peut ne pas toujours être parfait. De même, si un visiteur du site utilise également une connexion de réseau privé virtuel (VPN), proposer des traductions de sites Web en fonction de l'emplacement peut donner des résultats indésirables. En raison de ces problèmes, les sites Web détectent à peine la langue du navigateur avec cette méthode.

Internationalisation

En plus de détecter automatiquement la langue du navigateur pour des langues entièrement différentes, les sites Web doivent également prêter attention aux variations linguistiques. Un exemple populaire est la langue anglaise qui a des variantes américaines et britanniques. Ces variantes ont des orthographes, des styles et des formats différents.

Pour garantir une localisation efficace, la détection automatique de la langue de votre site Web doit permettre aux utilisateurs de détecter distinctement les deux variantes. Vous pouvez utiliser l'une ou l'autre des 2 premières méthodes pour obtenir des résultats efficaces en matière d'internationalisation.

Pourquoi détecter automatiquement la langue du navigateur ?

Lorsque les internautes visitent votre site Web pour la première fois, ils espèrent accéder à son contenu dans une langue qu'ils comprennent. C'est pourquoi il est important de mettre en place une détection automatique de la langue de l'utilisateur sur votre site Web.

Une fois que vous avez configuré votre site pour détecter automatiquement la langue du navigateur une fois, il se souviendra toujours de la langue précédemment utilisée par les visiteurs via un cookie. Ainsi, lorsque les utilisateurs revisitent votre site Web, ils peuvent y accéder automatiquement dans la langue de leur choix.

Dans la plupart des cas, un site mondial accueillera souvent de nouveaux utilisateurs dont les paramètres de navigateur ou l'adresse IP reflètent une langue différente de la langue prédéfinie de votre site Web. Lorsque vous activez le module complémentaire de détection automatique de la langue de l'utilisateur , ces visiteurs voient une fenêtre contextuelle avec une option pour passer à la langue détectée.

Vous pouvez également configurer les choses de manière à rediriger les visiteurs vers leur langue sans les informer au préalable. Le défi avec cela est que cela peut ne pas aider l'indexation de votre site Web en raison des changements constants dans l'algorithme de Google.

Dans les deux cas, vous bénéficierez des avantages suivants :

  • L'expérience de navigation de votre site sera considérablement améliorée ;
  • Vous obtiendrez plus d'engagement sur vos pages de destination et sur l'ensemble du site ;
  • Les utilisateurs passeront plus de temps sur votre site, ce qui augmentera également votre classement dans l'optimisation des moteurs de recherche (SEO) ;
  • Votre entreprise générera plus de ventes et de conversion.

Essentiellement, la détection de la langue du navigateur rend automatiquement votre site multilingue plus convivial et garantit que vos efforts d'internationalisation génèrent un retour sur investissement (ROI) maximal.

Meilleur plugin WordPress pour la détection de la langue du navigateur

TranslatePress est le meilleur plugin WordPress que vous pouvez utiliser pour détecter la langue du navigateur. C'est un plugin facile à utiliser qui vous permet de traduire rapidement votre site Web. Avec TranslatePress, vous pouvez traduire une page entière directement depuis le front-end sans tracas techniques.

TraduirePresse

Il vous permet également de traduire votre site WordPress automatiquement avec DeepL ou Google Translate et d'apporter des modifications à votre guise. Le plugin est compatible avec d'autres plugins WordPress et possède une interface conviviale.

Vous pouvez choisir parmi plus de 200 langues en utilisant le plugin de traduction WordPress. Il vous permet également de modifier vos traductions et de les publier uniquement lorsque vous avez terminé. Le plugin a un sélecteur de langue qui aide les utilisateurs de votre site à basculer facilement entre les différentes versions de votre site.

Translate Press vous permet de traduire des images et est conçu pour prendre pleinement en charge le référencement. La cerise sur le gâteau est que si jamais vous rencontrez des difficultés lors de l'utilisation de l'outil, vous pouvez facilement contacter l'équipe d'assistance fiable et experte de TranslatePress.

Comment TranslatePress détecte la langue du navigateur

TranslatePress utilise le module complémentaire de détection automatique de la langue de l'utilisateur pour exécuter la détection de la langue de l'utilisateur. Cela n'implique aucun détail technique ni inscription aux services d'adresse de langue IP, car les bases de données GeoLite2 de Maxmind facilitent la reconnaissance de la langue localement.

Votre site peut détecter la langue des utilisateurs, soit via le paramètre de langue du navigateur, soit via l'adresse IP. Comme nous l'avons expliqué précédemment, le paramètre de langue du navigateur est l'option préférée. Mais dans l'ensemble, vous devez tenir compte de votre public cible lors de la détermination du meilleur choix pour votre site Web.

Vous pouvez facilement modifier le mode prédéfini de prise en compte de la langue du navigateur avant l'adresse IP en accédant à Paramètres → TranslatePress Avancé dans votre tableau de bord WordPress. Ici, vous avez la possibilité de déterminer les langues des visiteurs avec la langue du navigateur, l'adresse IP ou les deux. Si vous décidez d'utiliser les deux, n'importe lequel d'entre eux peut venir en premier.

détecter les paramètres de langue du navigateur translatepress

Après cela, vous pouvez décider si vous souhaitez rediriger les visiteurs vers la langue détectée dès qu'ils ouvrent votre site Web. Sinon, vous pouvez les informer de la détection de la langue avec une barre contextuelle ou bonjour. Si vous choisissez d'avertir vos utilisateurs avant de les rediriger, vous pouvez également personnaliser le message que vous souhaitez qu'ils voient.

Il existe généralement deux types de redirections que vous pouvez utiliser après avoir détecté automatiquement la langue du navigateur : matérielles et logicielles. Les redirections matérielles se produisent du côté du serveur et sont tout simplement incompatibles avec les systèmes de mise en cache.

Cela concerne à la fois les systèmes de mise en cache basés sur des plugins et sur l'hôte. En effet, le visiteur du site ne voit qu'une version en cache de la page. En d'autres termes, ils ne voient jamais la version traduite de la page vers laquelle le code du serveur les redirige.

En plus de ce défi de mise en cache, les redirections matérielles exigent également que les visiteurs acceptent les cookies et autorisent l'accès à JavaScript pour s'exécuter.

Heureusement, le module complémentaire de détection automatique de la langue de l'utilisateur résout efficacement ces problèmes directs difficiles. Il utilise uniquement des redirections logicielles, qui se produisent côté client.

Comment détecter la langue du navigateur dans WordPress

Pour permettre à votre site Web WordPress de détecter la langue du navigateur, suivez ces étapes simples.

Étape 1 : Installer et activer TranslatePress

TranslatePress est disponible dans une version gratuite que vous pouvez facilement trouver dans le référentiel WordPress, mais pour accéder à la détection automatique de la langue de l'utilisateur, vous aurez besoin d'une licence Developer ou Business de TranslatePress.

Donc, pour installer la version pro de TranslatePress, achetez une licence, puis téléchargez les fichiers .zip de votre plugin depuis la page de votre compte.

Page de compte TranslatePress

Ensuite, allez dans Plugins → Ajouter un nouveau dans votre tableau de bord WordPress, téléchargez les fichiers du plugin, puis appuyez sur Installer et activer .

Une fois que vous avez ajouté le plugin à votre site, il ajoutera un nouveau bouton Traduire le site dans le panneau supérieur du tableau de bord. Vous pouvez survoler ce bouton et cliquer sur Paramètres pour configurer votre site multilingue.

translatepress paramètres navigateur langue détecter

L'étape suivante consiste à ajouter le module complémentaire de détection automatique de la langue de l'utilisateur à votre site.

Étape 2 : Activer le module complémentaire de détection automatique de la langue de l'utilisateur

Pour activer le module complémentaire, accédez à Paramètres → TranslatePress . Cliquez ensuite sur l'onglet Addons .

translatepress activer le module complémentaire de détection automatique de la langue de l'utilisateur

Localisez le module complémentaire Détection automatique de la langue de l'utilisateur dans la liste et cliquez sur Activer .

module complémentaire de détection automatique de la langue de l'utilisateur translatepress

Étape 3 : Sélectionnez le mode de détection de la langue

Une fois que vous avez activé le module complémentaire Détection automatique de la langue, vous pouvez modifier les paramètres dans l'onglet Avancé .

détecter les paramètres de langue du navigateur translatepress

Ici, vous avez le choix entre 4 modes différents. Vous pouvez baser le mode de détection de la langue sur les paramètres de langue du navigateur des visiteurs, les adresses IP ou définir un ordre de préférence en donnant la priorité à l'une ou l'autre option.

Dans ce cas, votre site Web utilisera la première option que vous sélectionnez pour déterminer la préférence de langue de l'utilisateur. Il considérera la deuxième option si la méthode préférée échoue.

Une fois votre configuration terminée, n'oubliez pas de cliquer sur Enregistrer les modifications en bas de la page.

Désormais, lorsque TranslatePress détecte une préférence de langue différente de celle par défaut sur votre site, il affiche une fenêtre contextuelle comme celle-ci :

Pop-up de détection automatique de la langue de l'utilisateur

Astuce bonus : ajoutez toujours un sélecteur de langue à votre site

S'appuyer sur la redirection automatique de la langue ne suffit pas pour permettre aux visiteurs d'accéder au contenu dans la langue de leur choix. Vous devrez toujours ajouter un sélecteur de langue WordPress, quel que soit le type de site Web multilingue que vous possédez.

Un sélecteur de langue permet aux utilisateurs d'afficher le contenu de votre site Web même dans les cas où votre site détecte la mauvaise langue du navigateur. Cela ne concerne pas uniquement les erreurs techniques. Un utilisateur peut choisir d'afficher votre site dans une langue autre que sa langue locale ou la langue prédéfinie de son navigateur.

TranslatePress sélecteur de langue flottant

Le sélecteur de langue de votre site peut prendre la forme d'un bouton, d'un texte ou d'une liste déroulante. Plus important encore, vos visiteurs doivent pouvoir l'utiliser facilement.

Vous pouvez ajouter un sélecteur de langue à votre site WordPress à l'aide de TranslatePress de 3 manières : avec un code court, un élément de menu ou une sélection de langue flottante. Vous trouverez ici un guide détaillé pour vous aider à faire vos choix de boutons de langue. Ou vous pouvez consulter ce didacticiel détaillé sur la façon dont vous pouvez ajouter l'un de ces types de sélecteur de langue avec TranslatePress.

Améliorez l'expérience utilisateur avec la détection de la langue du navigateur

La création de votre site Web multilingue vise à donner à votre entreprise une reconnaissance en ligne mondiale. C'est pourquoi vous devez configurer votre site Web pour vous assurer que les utilisateurs peuvent accéder au contenu de votre site Web sans barrières linguistiques.

Dans cet article, nous avons expliqué ce qu'est la détection automatique de langue et comment elle fonctionne. Nous avons également montré comment utiliser le meilleur plugin WordPress multilingue, TranslatePress, pour détecter la langue du navigateur sur votre site sans tracas.

TraduirePresse Multilingue

TranslatePress est le moyen le plus simple de traduire votre site WordPress. C'est rapide, ne ralentira pas votre site Web, fonctionne avec N'IMPORTE QUEL thème ou plug-in et il est optimisé pour le référencement.

Obtenir le plug-in

Ou téléchargez la version GRATUITE

Grâce à ces conseils, nous espérons que cet article vous a aidé à configurer votre site Web pour qu'il détecte automatiquement la langue du navigateur. Veuillez nous faire savoir si vous avez des questions dans la section des commentaires ci-dessous.

Si vous avez trouvé cet article utile, veuillez consulter notre chaîne YouTube, où nous téléchargeons constamment des didacticiels vidéo courts et faciles à suivre. Vous pouvez également nous suivre sur Facebook et Twitter pour être le premier informé à chaque fois que nous publions.