Le Manuel Ultime des Secrets de ClaudeJ’y vais
Parlons-en

12 min de lecture

Traduire son Site : Tuto complet pour traduire son Site Webflow avec Weglot

14/12/2020
Web Design,Freelance
Traduire son Site : Tuto complet pour traduire son Site Webflow avec Weglot
Traduire son Site : Tuto complet pour traduire son Site Webflow avec Weglot

Traduire son site: Avoir un site web, c’est bien. Mais avoir un site web multilingue, c’est encore mieux ! D’autant plus que le nombre de sites web qui se transforme en sites multilingues augmente actuellement. N’est-il pas temps d’ajouter d’autres langues au vôtre (ou du moins, commencer à voir si c’est faisable ou non) ?

Et même si vous n’arrivez pas à imaginer votre site en plusieurs langues, vos clients pourront toujours vous demander, un jour ou l’autre, de traduire le leur. Vous allez vous dire que ce n’est pas votre boulot, que vous êtes webdesigner, et non traducteur. Seulement voilà : vous êtes celui qui s’occupe du côté technique du site web. Alors, comment traduire son site en plusieurs langues ?

#traduction #tuto #weglot

🌈 Sondage

À votre avis, quel est le moyen le plus facile et le plus rentable pour un webdesigner ?

Faire appel à une agence de traduction ?
Recruter un ou plusieurs traducteurs freelances ?
Accorder sa confiance à un outil de traduction automatique ?
Donnez-moi votre avis en commentaire ! 🌈❤️

Sommaire

Vidéo

YouTube video player
typeform-embed

Traduire son Site: Pourquoi traduire son site en plusieurs langues ?

Disons que vous ciblez différents profils de clients ; les uns parlent le français, les autres le néerlandais, et d’autres encore, l’anglais. Se contenter d’un site unilingue ne serait alors pas une bonne idée. Beaucoup d’opportunités vous fileront sous les yeux, et c’est bien dommage ! D’où l’importance de traduire votre site sous plusieurs langues.

Votre site sera aussi mieux référencé. Je ne sais pas si vous l’avez remarqué, mais dans la plupart des cas, ce sont généralement les sites bilingues ou multilingues qui apparaissent sur la première place de Google. Tout simplement parce que ces sites-là sont fréquentés par un large public, en provenance de différents pays.

D’un autre côté, les mots clés des sites multilingues ont des équivalents dans chacune des langues traduites. Et qui dit plus de mots clés dit : plus de chances d’avoir une meilleure place sur Google.

Aux yeux des prospects, celui qui a un site multilingue aura l’air plus sérieux, professionnel et compétent. Sinon, il n’aura jamais fait l’effort de créer un site de cette envergure. Il a une large audience, ce qui signifie que plus de personnes lui font confiance.

Pour votre cas, vos clients se diront qu’en plus de vos compétences en création de sites sur Webflow, vous êtes aussi bilingue ! Une qualité comme celle-là est très recherchée actuellement.

Pourquoi pas une traduction manuelle, page par page ?

Si vous me reposiez la question que je vous ai posée tout à l’heure (sur le moyen le plus rentable et le plus facile de traduire un site), je choisirais la dernière option. Celle d’utiliser un outil de traduction automatique comme Weglot. Vous trouverez la liste complètes d’autres outils intéressant ici : les outils no-code nous facilitent tellement la vie !

Je vous explique les inconvénients d’une traduction manuelle :

  • Google considèrera que vos contenus sont dupliqués, car vous aurez certainement dupliqué les pages avant de les traduire. Côté référencement naturel, le site n’aura aucune chance de gagner la meilleure position sur Google.
  • Vos clients cibles ne sauront pas forcément que votre site est multilingue (car rien ne l’indique ; aucun switch de langue). Vous devriez alors essayer de le préciser quelque part, sur le site. En tout cas, ce n’est pas du tout pratique !
  • Imaginez maintenant que vous avez un très grand site (qui fait déjà plus d’une centaine de pages) et que vous souhaitez le traduire. Avec toutes ces pages, y arriverez-vous un jour ? Tout cela, pour vous dire qu’avec des outils automatisés comme Weglot (prêt à être intégré sur Webflow), vous gagnez beaucoup de temps (comme je le précise dans mes vidéos que vous verrez un peu plus loin, il vous suffit de 3 minutes).
traduire son site
Formation gratuite

Tuto ultime pour traduire son site avec Weglot - Étape par étape

Tout cela est bien beau. Mais il ne reste plus qu’à savoir comment faire, concrètement.

Voici donc les principales étapes :

1. Créez un compte Weglot

Une fois votre compte créé, vous êtes amené à ajouter ces informations :

  • nom de domaine de votre site
  • sa langue d’origine
  • les langues que vous souhaitez ajouter (au cas où vous vous seriez demandé, vous pouvez en effet ajouter plus d’une seule langue)

Une configuration supplémentaire est quand même nécessaire. Il faut effectivement configurer le DNS de votre nom de domaine pour créer les sous-domaines. Pour cela, vous devez vous rendre sur votre compte hébergeur de votre nom de domaine (OVH, a-a-hébergement, BlueHost, HostGator, etc. ).

Dans l’onglet DNS, vous cliquez sur “créer une nouvelle entrée”. Ensuite, cliquez sur CNAME. Il ne vous reste plus qu’à ajouter le code de la langue concernée, dans la partie “nom”.

Pour la partie “données”, ce sera cette adresse : websites.weglot.com.

Enfin, le bouton : vérifier les DNS.

Si vous avez tout fait dans ces règles, tout devrait être bon !

PS : à chaque langue, un code unique.

2. Configure Weblow

Votre site webflow a aussi besoin d’être configuré. Rendez-vous donc dans :

paramètres > code personnalisé > onglet head code > add code at the end of the <head> tag > coller le code Javascript de votre compte Weglot.

Il ne reste plus qu’à tout enregistrer, et publier.

Cette série de vidéo vous éclairera certainement sur les marches à suivre :

TUTO WEGLOT 1/5 : Comment Traduire son Blog en 3 min comme un PRO 2020

Et maintenant, “comment switcher d’une langue à une autre ?” Il y a le commutateur de langue pour ça.

Traduire son Site: Tutoriel pour installer un commutateur de langue - Weglot

À vrai dire, le commutateur de langue apparaît automatiquement sur l’interface de votre site. En général, il se met en bas, à droite de l’écran. Il a un style neutre, par défaut, mais vous pouvez le personnaliser pour qu’il prenne une forme plus stylée, qui répond mieux au reste du design.

Finsweet a collaboré avec Weglot pour cela. Il a créé quelques commutateurs de langue qui peuvent être personnalisés, disponibles sur le site de Weglot.

La première chose à faire est de cliquer sur le bouton “cloner”, en haut à droite. Vous êtes alors redirigé vers la page d’édition Webflow. C’est là que vous choisissez le bouton que vous souhaitez utiliser.

Pour chaque sélecteur de langue choisi, vous avez dans le menu déroulant le choix entre :

  • wg-element-wrapper
  • wg-code

Ils sont à copier, puis coller, sur votre site, évidemment, pour le commutateur de votre choix. Procédez comme suit :

  • Mettez votre curseur sur l’endroit où vous souhaitez que cet élément apparaisse
  • Ensuite, copiez le "wg-element-wrapper" à cet endroit même
  • Le commutateur s’affiche aussitôt, dès ce code collé
  • Vous devez ensuite retourner sur le kit UI (le lien que je vous ai donné tout à l’heure) pour cliquer sur le sélecteur choisi par vos soins
  • Cliquez maintenant sur le “wg-code”, puis sur “open code editor”
  • Un script vous est donné, et vous devrez le copier
  • Enfin, vous vous rendez dans les paramètres de Webflow pour le coller dans la partie <body>
  • Enregistrez et publiez ! :)

Voici donc le process à suivre pour rendre ce commutateur Weglot de base invisible :

  • Sur votre tableau de bord, il faut aller dans “paramètres du projet”, puis “paramètres du flux web”.
  • Écrivez (ou copiez pour être sûr de ne pas faire d’erreur) ce code “weglot-container{display:none;}”

Language Switch Weglot de base

TUTO WEGLOT 2/5 : Comment Changer la position du Language Switch Weglot 2020

Language switch sur Webflow personnalisé

YouTube video player

Weglot traduction : comment ça marche ?

Weglot traduit les sites web de 3 différentes manières :

  1. Traduction automatique
  2. Modification des traductions manuellement
  3. Connexion du site à un service de traduction

Quelle méthode choisir ? C’est comme vous voulez. Afin de vous aider dans vos choix toutefois, je préfère vous expliquer une par une, ces méthodes.

1. Traduction automatique:

Cette technique est la plus simple. Vous n’avez besoin de rien faire, car tous les contenus sont automatiquement traduits. Et quand je dis “tous”, c’est vraiment “tous, sans exception”.

Mais voilà, certaines choses n’ont pas besoin d’être traduites. Dans ce cas, vous pouvez tout simplement les modifier sur votre tableau de bord Weglot.

2. Modification manuelle

Le meilleur moyen d’avoir une traduction fiable est celle-ci ! Vous devez vous rendre sur votre site Weglot (dans la partie traduction), ensuite modifier mes traductions. Cliquez alors sur l’icône en forme de “oeil” (à droite de chaque phrase ou bloc de phrases).

Voici un exemple :

  • Si Weglot a traduit une phrase comme ceci : “I am on the road”
  • Vous pouvez la modifier en ceci “I am on my way”

Le plus, avec cette deuxième option, est que vous avez toutes les informations dont vous avez besoin, comme le nombre de mots, la date de création et l’URL associée au contenu. Si jamais vous avez commis quelques erreurs et que vous voulez revenir en arrière, utilisez l’option “history”. Enfin, il y a l’option “suggestions” qui comme son nom l’indique, vous propose automatiquement des alternatives à la traduction qui est déjà là.

Pour une modification sur le Visual Editor, c’est encore plus facile ! Les modifications se font visuellement. Pour commencer, il vous faut encore rechercher la page à traduire grâce à la barre de recherche, en haut, à gauche (toujours via le tableau de bord). Une fois que vous avez trouvé la page concernée, il ne vous reste plus qu’à cliquer sur le crayon, dans le cercle bleu, pour les éléments que vous souhaitez modifier.

3. Connexion du site à un service de traduction (Pro)

Notez bien que cette offre n’est disponible que pour les plans payants. Elle vous permet de collaborer avec des agences de traduction professionnelles agréées. Vous n’avez pas besoin de payer des frais supplémentaires ; ils sont inclus dans les tarifs premium.

La démarche se fait aussi simplement :

  • Vous vous rendez sur le tableau de bord de Weglot, dans la partie traduction.
  • Maintenant que vous avez la liste des traductions sous vos yeux, vous n’avez plus qu’à sélectionner les pages, articles ou phrases que vous souhaitez confier à une agence professionnelle. Envoyez-les dans le panier, et enfin, il ne reste plus qu’à payer !
  • Les traductions vous parviendront sous 48 à 72 heures, en fonction de la quantité d’éléments et de mots à traduire.
traduire son site
Formation gratuite

Bref, je vous ai dit tout à l’heure que vous pouvez choisir l’une de ces 3 méthodes. Ce que j’ai oublié de préciser, est que vous avez aussi le droit de les combiner ;)

Traduire son Site: Ce qui fait le “plus” chez Weglot

J’aime particulièrement le fait qu’on peut utiliser Weglot en équipe. Lorsque les traductions de sites sont par exemple incluent dans mes prestations pour mes clients, je travaille avec une équipe de rédacteurs, traducteurs, copywriters... Il arrive également que mon équipe de webdesigner ait besoin de se rendre sur Weglot. Dans ce cas, je les invite tous à me rejoindre dans le projet concerné. Ils ont ainsi accès au tableau de bord. Parfois, mes clients eux-mêmes ont besoin d’avoir une visualisation de ce qu’il y a dans l’arrière boutique. Je les invite également, dans ce cas.

D’autres options tout aussi intéressantes sont toutefois présentes (sur le tableau de bord, dans le menu) :

  1. Auto Redirection: elle est très pratique pour ceux qui ciblent particulièrement des personnes qui parlent d’autres langues à part le français. Supposons que votre cible se concentre surtout sur des visiteurs qui parlent le néerlandais. Dans ce cas, vous vous rendez dans auto redirection, et changez la langue par défaut.
  2. Translate Email: les emails peuvent également être traduits avec Weglot. N’est-ce pas génial ? Pour l’activer, il suffit de cocher la case traduire les emails.
  3. Translate AMP: eh oui ! Vous pouvez choisir d’activer ou non la traduction AMP. Seulement, ce sera un peu plus cher.
  4. Private mode: elle est aussi très intéressante, car elle permet de ne pas afficher les traductions sur le front-end. Vous et votre équipe serez les seuls à avoir accès aux traductions.

Voici le tour d’horizon du tableau de bord Weglot

YouTube video player

Mon avis sur Weglot - ses points forts et faibles

1. Atouts de Weglot

Comme vous l’avez sans doute remarqué, il est super facile ! Une fois installé, il fait le travail lui-même, sans aucune tâche supplémentaire requise (comme le cas des plug-ins wordpress ; si cela vous intéresse d’ailleurs, j’ai écrit un guide complet sur les grandes différences entre Wordpress et Webflow). Et si vous avez envie de modifier quelques phrases - pour le human touch par exemple -, car elles ne sonnent pas comme vous le vouliez, les modifications se font en temps réel.

Il n’est plus rare de trouver des logiciels compatibles avec Webflow (d’autant plus que Weglot est un outil hyper complet). Weglot fonctionne à merveille avec lui. C’est pourquoi il est capable de traduire tous les éléments de votre site (allant des différentes pages aux divers articles de votre blog, en passant par les menus, les produits vendus sur la boutique en ligne du site, etc.).

Enfin, des pages dédiées sont aussitôt créées lors de la traduction (de ce genre : www.fr.exemple.com), ce qui évite le duplicate content, et donc, c’est un bon point pour le SEO de votre site. Pour chaque nouvelle page, une balise href lang est créée. Elle a pour but de montrer à Google que même s’il y a plusieurs versions d’une même page, il ne s’agit que de traduction.

Voici mon avis sur le SEO et Weglot

YouTube video player

2. Les points négatifs

Il ne faut pas se voiler la face, Weglot présente quand même quelques imperfections. Si je vous en parle, c’est pour que vous vous y prépariez, et non pour que vous doutiez de son efficacité :)

Commençons par le prix. Il est quand même élevé au de la de 5 langues supplémentaires, surtout pour les sites qui ont beaucoup de contenus à traduire. La version gratuite serait dans ce cas insuffisant.

Ensuite, si vous vous attendez à des traductions “haut de gamme”, il va quand même falloir modifier les traductions automatiques à disons 30% (bien sûr, rien ne vaut les traductions manuelles). Les traductions automatiques présentent quelques coquilles de temps en temps, si bien qu’une relecture est toujours nécessaire.

traduire son site
Formation Gratuite

Conclusion

Vous recherchez une solution simple de traduction ? Je vous recommande WEGLOT sans hésiter ! Sa simplicité n’est toutefois qu’une seule infime partie des avantages qu’il offre ; il est également complet, rapide et surpuissant... Je terminerai par dire que c’est un gain de temps et d’argent énorme pour les entreprises.

Et vous ?

Êtes-vous prêt à utiliser Weglot ? Qu’en pensez-vous ?

Partagez votre expérience dans les commentaires ;)

Envie de tester Weglot pendant 10 jours gratuitement? Oui, Je veux essayer

typeform-embed

Commentaires

Dans la joie et la bonne humeur

Là où créer son Business en Ligne est aussi simple qu’un jeu d’enfant.

Que vous soyez débutant ou expérimenté, la Happy.webacademy vous donne l’énergie, les stratégies et les outils pour avoir plus de liberté et générer des résultats qui propulseront votre chiffre d’affaires dans les étoiles.

Votre Site Web
Votre Coaching
Votre Espace détente
Votre Espace de rencontre
Votre Formation
Certifiés 100%
ULTRA enrichissant et décoiffant!
Propulsez votre vie & votre Business en 30 jours !
Formation

Happy.webacademy.

La seule, l’unique, la vraie où toutes les idées peuvent germer, se développer et aboutir. Chaque phase de développement du Business est pensée jusqu’au moindre détail (même le plus rikiki) pour vous accompagner dans votre projet.

Fondations, développement, accompagnement, entraide, coaching, Site Web, outils Web et même les cookies. Rejoindre la Happy.webacademy c’est faire partie de cet écosystème sans risque, il n’y a qu’à sauter le pas et se laisser guider.
L'IA activée pour accélérer votre transformation 🤖
12 Modules à jour
On vous offre une formation de dingue avec des plans d'action, des mises à jour régulières, un accès pour la vie, et un support 24/7, 365 jours par an. Tout ce qu'il vous faut (et même plus) pour faire briller votre vie, votre business et développer vos compétences.
Votre propulseur
Communauté
On met tout en place pour que vous soyez toujours au top de vos questions et que vous puissiez grandir avec une communauté qui a les mêmes rêves que vous, et que vous puissiez rencontrer des personnes super inspirantes.
Plus jamais seul
Votre Site Web !
Qui de mieux que des experts du Web pour vous créer un Site Web clé en main et vendre vos offres rapidement sans devoir vous casser la tête avec la technique. Terminées les nuits blanches à vous arracher les cheveux, on a tout prévu pour accélérer votre croissance en ligne!
On va vous créer
un Astéroïde
12 mois Offerts
On répond à toutes vos questions Business, de Mindset et de Pépètes. C’est aussi le meilleur moyen pour recevoir votre dose de motivation au quotidien, tout est possible !
N’oubliez pas d’amener
des cookies
Stratégie 3.0
Le Web et l'e-commerce évoluent à une vitesse incroyable, et si vous ne tenez pas le rythme, vous allez perdre de l'argent. C'est pourquoi on va vous partager toutes nos dernières astuces, découvertes et innovations (automatisations, intelligence artificielle,...) pour que vous et votre business restiez au TOP!
2 Coachs Business
Kevin & Sophie, 2 coachs sur le terrain depuis 10 ans qui seront là pour vous motiver, booster votre mindset, et bien plus encore! Tout au long de votre aventure entrepreneuriale sur le Web & dans l'e-commerce, on vous soutiendra pour valider des opportunités ou vous aider à optimiser vos performances. Vous ne serez PLUS JAMAIS seul !
Suivi en continu
C'est parfois difficile de prendre du recul sur votre travail quand on débute (même après), c'est pourquoi on sera toujours là pour examiner votre travail en privé AVANT que vous ne dépensiez de l'argent en publicité ou en influenceurs.
Investissement
Créer un business rentable engendre des besoins d'optimisation financière. C'est pourquoi on vous donnera les astuces qu'on utilise nous aussi pour que vous puissiez apprendre à investir l'argent que vous allez gagner à long terme pour vous créer un patrimoine.
Une question ? Parlons-en