Comment ajouter une nouvelle langue sur votre site Webflow

Points clés :

• Webflow permet de gérer plusieurs langues grâce à des duplications de pages ou à des outils externes.
  
  
• Chaque langue doit avoir sa propre structure et ses balises hreflang pour le SEO.
  
  
• Weglot est la solution la plus fluide pour automatiser la gestion multilingue.
  
  

Ajouter une nouvelle langue sur votre site Webflow est une excellente manière de toucher une audience plus large, notamment si votre établissement accueille des clients internationaux. Selon vos besoins, vous pouvez opter pour une méthode manuelle (plus flexible) ou une solution automatisée comme Weglot (plus rapide à déployer).

Option 1 : Ajouter une nouvelle langue manuellement dans Webflow

1. Créez un dossier pour la nouvelle langue
   Dans l’onglet Pages du Designer, cliquez sur “New Folder” et nommez-le selon la langue (ex. /en/ pour l’anglais, /de/ pour l’allemand, /es/ pour l’espagnol).
   
   
2. Dupliquez vos pages existantes
   Copiez chaque page du site français dans ce nouveau dossier.
   Exemple :
   
   
   • /fr/home → /en/home
     
     
   • /fr/rooms → /en/rooms
     
     
3. Traduisez le contenu
   Ouvrez chaque page du dossier et remplacez les textes, boutons et métadonnées dans la nouvelle langue.
   💡 Astuce : utilisez le Webflow Editor pour faciliter la mise à jour du texte, sans modifier la structure du site.
   
   
4. Mettez à jour la navigation
   Créez un sélecteur de langue visible dans le menu principal ou le pied de page :
   
   
   • Français | English | Español
     Liez chaque élément vers les pages correspondantes dans la langue choisie.
     
     

Ajoutez les balises hreflang pour le SEO multilingue
Dans les paramètres de chaque page (Page Settings > Custom Code), insérez les balises hreflang :

<link rel="alternate" hreflang="fr" href="https://votre-site.com/fr/" />

<link rel="alternate" hreflang="en" href="https://votre-site.com/en/" />

<link rel="alternate" hreflang="es" href="https://votre-site.com/es/" />

1.  Ces balises permettent à Google d’afficher la bonne langue selon la localisation du visiteur.
   
   
2. Testez les redirections et le responsive design
   Vérifiez que toutes les versions linguistiques s’affichent correctement sur desktop et mobile, et que les liens internes pointent vers la même langue.
   
   

Option 2 : Utiliser Weglot pour une gestion automatisée

Si vous préférez une solution clé en main :

1. Installez Weglot sur votre projet Webflow
   
   
   • Créez un compte sur weglot.com.
     
     
   • Ajoutez votre clé API dans le code d’intégration fourni par Weglot.
     
     
2. Configurez vos langues
   Définissez votre langue principale (FR) et ajoutez les langues secondaires (EN, DE, ES, etc.).
   
   
3. Personnalisez vos traductions
   Weglot génère automatiquement les pages traduites et vous permet de les modifier pour affiner la qualité et le ton.
   
   
4. Optimisez votre SEO international
   Weglot crée automatiquement des sous-dossiers pour chaque langue (/en/, /es/, /de/) et ajoute les balises hreflang, garantissant un référencement correct sur Google.
   
   

💡 Astuce : Weglot détecte automatiquement la langue du navigateur et affiche la version correspondante à chaque visiteur.

Bonnes pratiques

• Gardez des URLs claires et cohérentes pour chaque langue.
  
  
• Vérifiez les liens internes et boutons afin qu’ils mènent bien vers les pages traduites.
  
  
• Maintenez une cohérence visuelle (couleurs, typographie, espacements) entre les versions linguistiques.
  
  
• Prévoyez une relecture humaine des traductions, notamment pour les pages d’offres ou de réservation.
  
  

Conclusion

Ajouter une nouvelle langue sur Webflow vous permet d’améliorer la portée internationale de votre hôtel tout en optimisant votre SEO. Que vous choisissiez la méthode manuelle pour un contrôle total ou Weglot pour la simplicité, l’important est de maintenir une expérience utilisateur fluide et cohérente sur toutes les versions linguistiques.