Créer un site web multilingue n'est pas aussi compliqué que vous pourriez le penser, surtout en utilisant un CMS comme HubSpot. Cette plateforme est conçue pour faciliter le processus de création et de gestion de sites en plusieurs langues, sans avoir besoin d'un codage compliqué ni de paramètres trop techniques. Des paramètres de page à la navigation, en passant par les fonctionnalités de traduction automatique, tout est disponible et peut être utilisé immédiatement.
Dans ce guide, nous aborderons toutes les étapes pour créer un site web multilingue avec HubSpot CMS, de la stratégie linguistique à la configuration initiale du site, en passant par l'intégration d'outils de traduction et les pratiques SEO essentielles pour optimiser les performances de votre site sur différents marchés. Procédons étape par étape !
Pourquoi choisir HubSpot CMS pour votre site web multilingue ?
Si vous recherchez un CMS puissant mais aussi convivial pour créer un site web multilingue, HubSpot CMS pourrait être le choix idéal. Cette plateforme est conçue pour permettre à quiconque, débutant ou professionnel, de créer facilement des sites web attrayants et bien structurés en plusieurs langues.
Voici quelques raisons pour lesquelles HubSpot CMS est une excellente option pour votre projet de site web multilingue.
- Gratuit et facile à utiliser sans codage – HubSpot CMS propose des outils gratuits que vous pouvez utiliser sans aucune connaissance en codage. Avec un éditeur par glisser-déposer et des thèmes flexibles, n'importe qui peut créer un site à l'apparence professionnelle sans avoir besoin d'un développeur. C'est parfait si vous souhaitez vous concentrer sur la création de contenu et l'expérience utilisateur sans vous soucier des complexités techniques.
- Prise en charge multilingue intégrée – HubSpot CMS vous permet de créer des versions natives de vos pages en plusieurs langues. Chaque version peut être gérée séparément tout en restant connectée au sein d'un système unifié, ce qui facilite la navigation et le contrôle du contenu. Vous pouvez également configurer des URL spécifiques à chaque langue et utiliser des fonctionnalités SEO multilingues comme les balises hreflang.
- Intégré aux outils marketing et CRM – Vous pouvez connecter en toute transparence votre site multilingue aux outils marketing, commerciaux et de service client de HubSpot. Par exemple, vous pouvez afficher des formulaires de contact, des chatbots ou du contenu d’email marketing en fonction de la langue de l’utilisateur. Cela crée des expériences utilisateur plus personnalisées et pertinentes.
- Analyses de site intégrées – HubSpot fournit des analyses intégrées pour suivre les performances de chaque version linguistique de votre site web. Vous pouvez voir quelles pages sont les plus visitées, d'où vient votre audience et comment elle interagit—le tout depuis un seul tableau de bord, sans outils supplémentaires.
Étape par étape pour créer un site web multilingue avec HubSpot CMS
Créer un site web multilingue nécessite une stratégie bien pensée, une structure claire et une plateforme qui prend en charge les besoins multilingues en toute simplicité — et HubSpot CMS a tout ce qu'il faut. Commençons par les étapes !
#1 Planifier votre stratégie multilingue
Une planification minutieuse est la première étape avant de toucher à un éditeur. C'est crucial pour que votre site multilingue soit esthétique et fonctionne bien pour des audiences de différentes régions.
- Choisissez les langues en fonction du marché cible ou de l'audience que vous souhaitez atteindre. Utilisez les données d'audience issues des outils d'analyse ou des études de marché pour prioriser les langues les plus pertinentes. Cette recherche déterminera également les langues que vous ajouterez à votre site web.
- Décidez de la structure d'URL à utiliser. Le CMS HubSpot prend en charge différents formats de structure d'URL, tels que les sous-domaines (par ex. fr.example.com), les sous-dossiers (example.com/fr) ou les paramètres d'URL (example.com?lang=fr). Les sous-dossiers sont généralement les plus recommandés pour le référencement naturel (SEO), car ils restent sur le domaine principal.
- Déterminez quelles pages clés doivent être disponibles dans chaque langue. Cela inclut la accueilpage, la page à propos, les services, le contact et les articles populaires. Avec cette carte de contenu, vous pouvez garantir une expérience utilisateur égale dans toutes les langues.
#2 Créer votre site web
Une fois la stratégie prête, il est temps de mettre en place les fondations de votre site web sur HubSpot CMS. Tout d'abord, assurez-vous de disposer déjà d'un compte HubSpot. Sachez que HubSpot propose également un essai gratuit si vous souhaitez d'abord le tester.
Après avoir créé un compte et vous être connecté, vous serez redirigé vers leur page de tableau de bord avec divers menus de navigation et options de configuration de produit. Lorsque vous êtes arrivé à la vue suivante, sélectionnez le menu Content > Website pages . Pour commencer à créer une page web, sélectionnez le bouton Create.
Ensuite, choisissez un thème ou un modèle responsive facile à personnaliser. HubSpot propose une large sélection de thèmes que vous pouvez utiliser immédiatement ou modifier selon votre marque avec l'éditeur par glisser-déposer. Si vous avez choisi un thème, cliquez sur le bouton Définir comme thème actif .
Si tel est le cas, vous serez redirigé vers la page de l'éditeur. Vous pourrez y modifier directement divers éléments selon les besoins de votre site web.
Pour modifier un élément, cliquez dessus et ajustez-le dans la section Contenu à gauche.
De même, si vous souhaitez ajouter de nouvelles sections, modules ou mises en page. Ici, HubSpot CMS propose divers modules tels que :
- Texte
- Commerce
- Design
- Formulaires et boutons
- Contenu du corps, etc.
Il vous suffit de sélectionner le signe (+) ou de le glisser-déposer directement depuis la partie gauche vers la partie droite de votre éditeur de page.
#3 Intégration avec des outils de traduction automatique
Une fois que vous avez terminé de créer les pages de votre site web, il est temps d' intégrer votre site HubSpot à un outil de traduction automatique. Dans ce cas, nous utiliserons un outil externe appelé Linguise.
Il existe plusieurs raisons pour lesquelles l'utilisation d'un outil tiers avec HubSpot est nécessaire, en particulier pour les sites web multilingues, car HubSpot CMS ne prend pas automatiquement en charge certaines fonctionnalités, telles que.
Limites de langues et de pages selon l'abonnement : HubSpot limite le nombre de variantes linguistiques par contenu en fonction de votre abonnement. Par exemple, l'abonnement Starter autorise seulement 3 langues par contenu, tandis que Linguise offre une prise en charge linguistique illimitée, avec jusqu'à 85 langues disponibles dans tous les abonnements, et un nombre de pages illimité.
Prise en charge multilingue limitée pour certains types de pages – Les pages système comme les 404 ne peuvent pas être traduites en plusieurs langues, et la traduction du contenu de blog ou de la base de connaissances suit un processus différent et plus manuel que les pages de site web classiques
Pas de prise en charge de la balise de langue pour les fichiers codés – Si vous utilisez des modèles codés, vous devez définir manuellement la balise lang dans la section
- Il n'existe aucun paramètre de direction du texte pour les langues RTL – Pour des langues comme l'arabe ou l'hébreu, vous devrez ajouter vous-même l'attribut dir=« rtl » pour que la direction du texte soit correcte.
C'est pourquoi les outils de traduction tiers qui prennent en charge toutes ces fonctionnalités et s'intègrent bien à HubSpot CMS sont essentiels—Linguise en fait partie. Linguise peut traduire automatiquement le contenu en plus de 80 langues avec des résultats de haute qualité.
Il y a quelques étapes à suivre pour installer la Linguise traduction automatique sur votre site web HubSpot.
Tout d'abord, assurez-vous d'avoir créé un compte Linguise . Après vous être connecté ou inscrit sur le Linguise tableau de bord, il vous sera demandé d'enregistrer le domaine que vous souhaitez traduire. Saisissez le domaine complet, y compris https://, et choisissez l'option OTHER CLOUD HOSTED CMS.
Ensuite, sélectionnez la langue principale (source) de votre site web et la ou les langues cibles que vous souhaitez ajouter.
Une fois votre domaine enregistré avec succès sur le tableau de bord Linguise , vous verrez une option pour connecter automatiquement votre DNS. Grâce à une fonctionnalité appelée Entri, vous pouvez ajouter tous les enregistrements DNS nécessaires sans configuration manuelle.
Entri vérifiera le DNS public de votre domaine, détectera le fournisseur de domaine (tel que Cloudflare) et affichera la page de connexion de ce fournisseur. Après la connexion, Entri ajoutera automatiquement tous les enregistrements DNS requis :
- Un enregistrement TXT pour la vérification du domaine
- Un enregistrement CNAME pour chaque langue que vous ajoutez
Le processus de propagation DNS prend généralement 20–30 minutes avant que votre site puisse afficher des pages multilingues.
L'étape suivante consiste à coller le script Linguise , que vous pouvez trouver dans votre tableau de bord Linguise . Ensuite, rendez-vous dans Paramètres > Langue de votre compte HubSpot et collez le script dans le champ Head HTML.
Ce code intégrera automatiquement votre site web à Linguise. De plus, il générera également automatiquement un sélecteur de langue par défaut.
#4 Personnalisation du sélecteur de langue
De plus, vous pouvez également configurer le sélecteur de langue selon vos préférences sur le tableau de bord Linguise en sélectionnant le menu d'affichage des drapeaux de langue. Par exemple, en commençant par définir le nom de la langue qui apparaît, l'icône du drapeau, la couleur, le texte, et bien plus encore.
Sur cette page, vous pouvez également définir l’ordre d’apparition des langues dans le sélecteur de langue de votre site web.
#5 Traduire le contenu automatiquement
Enfin, nous allons traduire le site web HubSpot, qui a été créé automatiquement, dans une autre langue à l'aide de Linguise. Par exemple, nous allons traduire de l'anglais vers l'allemand.
Comme vous pouvez le constater, tout le contenu de votre site HubSpot sera traduit automatiquement, rapidement et avec précision.
Meilleures pratiques SEO pour les sites HubSpot multilingues
En plus de créer un site web multilingue avec HubSpot, vous devez vous assurer que les stratégies de référencement international que vous mettez en œuvre peuvent aider chaque version linguistique de votre site à bien apparaître dans les résultats de recherche. Voici les bonnes pratiques SEO que vous pouvez appliquer pour les sites multilingues basés sur HubSpot.
Utilisez correctement les balises hreflang et canonical
La balise hreflang indique aux moteurs de recherche la langue cible et la localisation d'une page donnée. C'est important pour éviter la duplication de contenu et garantir que les utilisateurs sont dirigés vers la version linguistique appropriée.
La bonne nouvelle, c'est que si vous utilisez HubSpot CMS avec Linguise, la prise en charge de ces balises hreflang est configurée automatiquement. Cela signifie que vous n'avez pas besoin d'ajouter les balises manuellement, car le système générera et gérera les hreflang pour chaque version linguistique de votre site. Voici un exemple d'implémentation des hreflang sur un article.
Par ailleurs, la balise canonique doit être utilisée avec prudence. Ne faites pas pointer toutes les versions linguistiques vers une seule URL canonique ; chaque version linguistique doit avoir sa propre balise canonique.
Par exemple, une page française doit avoir une balise canonique pointant vers la version française de l'URL, et non vers la version anglaise. Cela aide Google à comprendre que chaque version linguistique est une page originale distincte et à ne pas la considérer comme du contenu dupliqué.
Optimisez la balise title et la méta description dans chaque langue
Les titres de page (balises title) et les méta-descriptions sont les éléments SEO on-page les plus importants. Si vous utilisez un modèle dans HubSpot pour plusieurs langues, assurez-vous que chaque version dispose d'un titre et d'une méta-description correspondant à la langue cible. Cela améliore la pertinence dans les résultats de recherche et le taux de clics des résultats de recherche.
Par exemple, personnalisez le contenu au lieu de rédiger la méta description en anglais pour toutes les versions. Si votre page vend des vêtements et que vous ciblez le marché espagnol, une méta description comme « Compra ropa moderna para hombre y mujer con envío gratis » serait bien plus efficace que la version anglaise.
Utilisez des URL adaptées au référencement et liées à la langue
La structure des URL joue un rôle majeur dans le référencement multilingue. Utilisez des structures qui indiquent la langue du contenu, comme les sous-dossiers (exemple.com/fr/), les sous-domaines (fr.exemple.com) ou les paramètres (exemple.com?lang=fr). Dans HubSpot, les sous-dossiers sont souvent l'option la plus simple pour gérer le référencement.
Assurez-vous également que vos URL diffèrent non seulement en termes de structure, mais aussi en termes de langue. Par exemple, la page anglaise « About Us » pourrait être écrite example.com/en/about-us, tandis que la version française devrait être example.com/fr/a-propos. Cela aide les utilisateurs et les moteurs de recherche à comprendre immédiatement le contexte linguistique.
Portez une attention particulière à la traduction du texte alternatif (ALT) des images et du contenu visuel
Le texte alternatif des images est souvent oublié dans les stratégies de référencement multilingues, alors qu'il est important pour l'accessibilité et la visibilité sur Google Images. Assurez-vous que chaque version linguistique de votre site dispose d'un texte alternatif qui se traduit correctement et décrit le contenu de l'image de manière pertinente.
Par exemple, une image montrant une personne lisant un livre pourrait avoir le texte alternatif « Person reading a book » dans la version anglaise et « Personne lisant un livre » dans la version française. Cela aide non seulement les utilisateurs malvoyants, mais augmente aussi les chances que l'image apparaisse dans les recherches d'images locales.
Soumettre un sitemap multilingue à Google Search Console
Google doit savoir que vous disposez de plusieurs versions linguistiques de votre contenu. Par conséquent, soumettre un sitemap XML incluant toutes les pages multilingues à Google Search Console est très important. Le CMS HubSpot crée automatiquement le sitemap, mais vous devez vous assurer que chaque version linguistique y est répertoriée.
Un sitemap multilingue devrait idéalement inclure un élément <xhtml:link rel=« alternate » hreflang=« … »> pour montrer la relation entre les langues. Une fois que vous soumettez le sitemap correct, Google indexera plus rapidement toutes les versions linguistiques de votre site et dirigera les utilisateurs vers les pages les plus pertinentes.
Conclusion
Vous comprenez désormais comment créer un site web multilingue avec HubSpot CMS. Vous pouvez lancer les étapes allant de la planification linguistique à la création de pages et à l'optimisation SEO, le tout sur une seule plateforme, sans les tracas du codage. Toutefois, pour une expérience utilisateur et des performances SEO véritablement optimisées, l'intégration d'un service de traduction automatisée comme Linguise est vivement recommandée.
Avec Linguise, vous pouvez traduire l'intégralité du contenu de votre site web en plus de 80 langues instantanément et avec précision. Ainsi, supposons que vous souhaitiez offrir la meilleure expérience multilingue sur votre site HubSpot et toucher un public mondial plus efficacement. Dans ce cas, il est temps de commencer à utiliser Linguise pour traduire votre site automatiquement et professionnellement !
