Rendre son site internet en section disponible en plusieurs langues

11 décembre 2024 - Axel Northwood

6 minutes

Dans ce guide, nous allons voir les différentes étapes pour rendre votre site en sections disponible dans une autre langue. 

Cela vous permettra d'augmenter la visibilité de votre site et votre nombre de visiteurs.

Pour simplifier la compréhension de ce guide, nous allons présenter la mise en place la plus répandue sur SiteW, à savoir rendre un site français disponible en anglais.

Bien évidemment, vous pouvez adapter ou répéter les étapes de ce guide dans la langue de votre choix, et autant de fois que vous le souhaitez, pour rendre votre site complétement multilingue !

Entête et pied de page

Entête

Tout d'abord, nous allons commencer par préparer vos sections d'entête et de pied de page, en leur créant une version pour l'autre langue.

Pour cela, cliquez sur l'icône de configuration en haut à gauche de votre section d'entête.

Dans le panneau de gauche, vous trouverez différents champs, dont le champ Nom.

Pour simplifier les prochaines étapes, il est recommandé de définir dès maintenant un nom spécifique à votre entête dans la première langue. 

Un simple "Entête FR" peut suffire. Rassurez-vous, vous seul pourrez voir cette information.

Vous pouvez en profiter pour personnaliser son fond, afin de mieux le différencier de l'entête de l'autre langue.

Cliquez ensuite sur le bouton Changer d'entête et choisissez l'un des templates proposés ou un entête vide.

Une fois le nouvel entête créé, ici aussi, donnez-lui un nom pour cette autre langue.

Pied de page

Nous allons faire de même pour votre pied de page.

Ici aussi, cliquez sur l'icône de configuration en haut à gauche de votre section de pied de page, puis nommez-la.

Cliquez ensuite sur le bouton Changer de pied de page et choisissez l'un des templates proposés ou un entête vide.

Une fois le nouveau pied de page créé, ici aussi, donnez-lui un nom pour cette autre langue.

Félicitions, vous venez de terminer l'étape la plus compliquée ! 

Dupliquez vos pages

Vous avez désormais un entête et un pied de page propre pour chaque langue. 

Il est temps de donner des pages à ces sections.

Pour cela :

  1. Rendez-vous dans l'onglet Pages.
  2. Cliquez sur les trois points à droite d'une page.
  3. Cliquez sur Dupliquer.

Le panneau de gauche affichera ensuite plusieurs informations pour cette nouvelle page.

Un champ permettant de définir le nom de la page est présent et il vous est également proposé de l'ajouter au menu déjà existant sur votre site.

Veillez à bien sélectionner dans la rubrique Entête et Pied de page, ceux que vous venez de créer dans l'étape précédente.

Il vous sera possible de modifier tout cela par la suite si besoin.

Rassurez-vous, si vous n'avez pas sélectionné l'entête ou le pied de page correspondant, ou si celui-ci ne s'applique pas automatiquement, vous pouvez le modifier simplement par la suite.

Il vous suffit pour cela de cliquer sur le nom de la section, et de choisir la section d'entête ou de pied de page voulu.

Vous pouvez ensuite répéter cette étape pour chacune de vos pages.

Ajoutez un drapeau sur vos pages

Cette étape est optionnelle et dépend du fait que vous souhaitiez que vos visiteurs puissent facilement changer de langue sur votre site.

Si vous souhaitez que vos visiteurs n'aient accès qu'à la version de votre site correspondant à la langue détectée par leur navigateur, vous pouvez directement passer à l'étape suivante.

Si vous avez bien suivi les deux étapes précédentes, vous avez normalement désormais chacune de vos pages dans les deux langues, et ayant chacune leur entête et pied de page propre à chaque langue.

Il faut désormais que vos visiteurs puissent facilement naviguer sur votre site d'une langue à une autre. L'un des systèmes les plus intuitifs reste, à ce jour, l'utilisation d'un drapeau des langues disponibles.

1. Rendez-vous sur votre page Accueil et ajoutez un module Image. Puis, dans le panneau de gauche, cliquez sur Choisir une image.

2. Si vous avez vous-même l'image d'un drapeau anglais que vous souhaitez charger et utiliser, vous pouvez le faire depuis l'onglet Mes fichiers Cloud du gestionnaire d'images. Sinon, rendez-vous dans l'onglet Fichier Public sur gestionnaire d'images et tapez tout simplement "drapeau" dans la barre de recherche. Cliquez ensuite sur Chercher et choisissez l'image de votre choix.

3. Votre drapeau anglais désormais visible, cliquez sur Choisir un lien dans le panneau de gauche, ou simplement en cliquant sur l'icône de lien dans la barre d'outil.

4. Dans la fenêtre de gestion des liens, cliquez sur l'onglet Pages et sélectionnez la page Home. Enfin, cliquez sur Sauvegarder et mettre à jour.

5. Rendez-vous maintenant sur votre page Home et faites la même chose, mais cette fois-ci, en choisissant un drapeau français amenant vers votre page Accueil.

6. Répétez ce processus pour chacune de vos pages dans les deux langues.

Notez que, dans notre exemple, nous ne laissons qu'un drapeau par page, mais certains sites préfèrent constamment afficher les deux drapeaux, quelle que que soit la page, pour une navigation encore plus fluide.

Petite astuce pouvant vous faire gagner du temps :
Info tips

Copiez-collez ou dupliquez votre module Image contenant votre drapeau français sur chaque page en anglais (et vice-versa) et modifiez simplement le lien afin de ne pas avoir à repasser par le gestionnaire d'images pour chaque drapeau.

Vos menus

Normalement, si vous avez bien sélectionné les menus correspondants lors de la création des pages, vos menus sont déjà organisés par langue.

Si ce n'est pas le cas, suivez cette procédure : 

1. Rendez-vous sur une de vos pages en français et sélectionnez votre module Menu en français. Cliquez ensuite sur Gérer les pages dans le panneau de gauche.

2. Décochez ensuite les pages en anglais. Normalement, celles-ci sont déjà décochées si vous aviez bien décoché le "menu FR " lors de la création des pages.

Si vous avez des sous-pages, cliquez sur les petites flèches à droite de la ligne des pages principales.

3. À l'inverse de l'étape 2. Ci-dessus, rendez-vous sur une page en anglais, sélectionnez un menu en anglais et cliquez sur Gérer les pages puis décochez toutes les pages en français.

Pour la configuration de votre menu en mode mobile, vous allez voir dans l'étape suivante que c'est encore plus simple !

Définir la langue des pages

Plus qu'une dernière étape avant de vous lancer dans les personnalisations et les traductions de votre site multilingue.

1. Rendez-vous dans votre onglet Pages, puis cliquez sur les trois points " ... " à droite du nom d'une page et cette fois-ci, cliquez sur Référencement.

2. Descendez tout en bas de l'onglet Général et, dans la rubrique Langue de la page, définissez celle-ci en français et faites de même pour toutes vos pages en français.

3. Faites la même chose pour vos pages en anglais en choisissant, dans la rubrique Langue de la page, l'anglais.

4. Sauvegardez votre site dans le coin supérieur droit de l'éditeur.

Vous pouvez vous rendre sur la version mobile de votre site pour vérifier que les pages affichées dans chaque langue sont bien celles définies.

Astuce multilangue
Info play
Vous pouvez également définir une page en multi-langue, afin qu'elle soit présente dans votre menu, quelle que soit la langue.

Faites traduire vos textes par l'IA !

Désormais, vous pouvez également utiliser notre outil d'intelligence artificielle pour traduire vos textes.

Pour cela, sélectionnez le texte à traduire et, dans la barre d'outils, cliquez sur Améliorer par l'IA.

Vous arriverez sur une première fenêtre, vous proposant plusieurs options : ici, nous allons voir la fonction Traduire le texte.

Sur la page suivante, vous pourrez choisir entre plusieurs langues parmi l'anglais, l'espagnol, l'allemand, l'italien et bien sûr, le français.

Pour faire suite à ce guide, nous allons ici choisir la langue anglaise.

Après quelques secondes d'attente, notre IA vous propose une version traduite de votre texte, que vous pouvez choisir d'accepter ou de refuser.

Félicitations ! 

Votre site multilingue est désormais correctement configuré. Il ne vous reste plus qu'à modifier les modules de ces nouvelles pages afin de traduire leurs contenus.

Axel Northwood
Customer Success Officer
Une soif de découverte que le tour du globe n'a pas suffit à étancher m'a amené à faire le tour du web. Proche des humains, je suis garant de la satisfaction client chez SiteW. ❤️

Dernière mise à jour : 11 décembre 2024