La création d'un site web multilingue n'est pas aussi compliquée que vous pourriez le penser, en particulier en utilisant un CMS comme HubSpot. Cette plateforme est conçue pour rendre le processus de création et de gestion de sites dans plusieurs langues plus facile sans avoir besoin de codage compliqué ou de paramètres techniques excessifs. De la configuration des pages à la navigation, en passant par les fonctionnalités de traduction automatique, tout est disponible et peut être utilisé immédiatement.
Dans ce guide, nous couvrirons les étapes complètes pour créer un site web multilingue avec HubSpot CMS, de la stratégie linguistique, la configuration initiale du site, l'intégration avec les outils de traduction, et les pratiques SEO importantes pour optimiser les performances de votre site web sur divers marchés. Allons-y étape par étape !
Pourquoi choisir HubSpot CMS pour votre site web multilingue ?
Si vous cherchez un CMS puissant mais également convivial pour créer un site Web multilingue, HubSpot CMS pourrait être le choix idéal. Cette plateforme est conçue pour permettre à chacun, qu'il soit débutant ou professionnel, de créer des sites Web attractifs et bien structurés dans 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 glisser-déposer et des thèmes flexibles, n'importe qui peut créer un site au look professionnel sans avoir besoin d'un développeur. C'est parfait si vous voulez vous concentrer sur la création de contenu et l'expérience utilisateur sans avoir à gérer des complexités techniques.
- Prise en charge multilingue intégrée – HubSpot CMS vous permet de créer des versions natives de vos pages dans plusieurs langues. Chaque version peut être gérée séparément tout en restant connectée dans 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 de marketing et de CRM – Vous pouvez connecter de manière transparente votre site multilingue aux outils de marketing, de vente et de service client de HubSpot. Par exemple, vous pouvez afficher des formulaires de contact, des chatbots ou du contenu de marketing par e-mail en fonction de la langue de l'utilisateur. Cela crée des expériences utilisateur plus personnalisées et pertinentes.
- Analytiques de site Web 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 à partir d'un seul tableau de bord, sans outils supplémentaires.
Étape par étape pour créer un site web multilingue avec HubSpot CMS
Construire un site web multilingue nécessite une stratégie bien pensée, une structure propre et une plateforme qui prend en charge les besoins multilingues avec facilité - et HubSpot CMS a tout cela. Commençons par les étapes !
#1 Planification de votre stratégie multilingue
Une planification minutieuse est la première étape avant de toucher à un éditeur. Ceci est crucial pour que votre site multilingue soit beau et fonctionne bien pour les publics 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 de l'analyse ou de la recherche de marché pour prioriser les langues les plus pertinentes. Cette recherche déterminera également les langues que vous ajouterez à votre site web.
- Décidez quelle structure d'URL utiliser, HubSpot CMS prend en charge divers formats de structure d'URL, tels que les sous-domaines (par exemple 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 SEO car ils restent sur le domaine principal.
- Décidez quelles pages clés doivent être disponibles dans chaque langue. Cela inclut la page d'accueil, à propos de nous, 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 Configuration de votre site web
Une fois que la stratégie est prête, il est temps de mettre en place les fondements de votre site web sur HubSpot CMS. Tout d'abord, assurez-vous d'avoir déjà un compte HubSpot. Vous devez savoir que HubSpot propose également une période d'essai gratuite si vous souhaitez l'essayer en premier.
Après avoir créé un compte et vous être connecté, vous serez dirigé vers leur page de tableau de bord avec diverses options de navigation de menu et de configuration de produit. Lorsque vous avez accédé à la vue suivante, sélectionnez le menu Contenu > Pages du site Web. Pour commencer à créer une page Web, sélectionnez le bouton Créer.
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 glisser-déposer. Si vous avez choisi un thème, cliquez sur le bouton Définir comme thème actif.
If so, you will be directed to the editor page. Here you can directly edit various elements according to your website’s needs.
Pour modifier un élément, cliquez dessus et ajustez-le dans la section Contenu sur la gauche.
De même, si vous souhaitez ajouter de nouvelles sections, modules ou dispositions. Ici, HubSpot CMS fournit divers modules tels que :
- Texte
- Commerce électronique
- Conception
- Formulaires et boutons
- Contenu du corps, etc.
Il vous suffit de sélectionner le signe (+) ou de le faire glisser directement de la gauche vers la droite de votre éditeur de page.
#3 Intégration avec des outils de traduction automatique
Une fois que vous avez terminé de créer vos pages de site web, il est temps de intégrer votre site web HubSpot avec 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 langue et de pages basées sur le plan – HubSpot restreint le nombre de variations de langue par contenu en fonction de votre niveau d'abonnement. Par exemple, le plan Starter n'autorise que jusqu'à 3 langues par contenu, alors que Linguise propose une prise en charge illimitée de la langue, avec jusqu'à 85 langues disponibles sur tous les plans, et fournit des pages illimitées.
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 du blog ou de la base de connaissances suit un processus différent et plus manuel que celui des pages Web régulières
Pas de prise en charge des balises 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 ou .
- Il n'y a pas de paramètre de direction du texte pour les langues RTL – Pour les langues comme l'arabe ou l'hébreu, vous devrez ajouter vous-même l'attribut dir=”rtl” pour rendre la direction du texte correcte.
C'est pourquoi les outils de traduction tiers qui prennent en charge toutes ces fonctionnalités et s'intègrent bien au CMS HubSpot sont essentiels —Linguise est l'un d'entre eux. Linguise peut traduire automatiquement du contenu en 80+ langues avec des résultats de haute qualité.
Il y a quelques étapes à suivre pour installer Linguise la traduction automatique sur votre site Web HubSpot.
Tout d'abord, assurez-vous d'avoir créé un Linguise compte. Après vous être connecté ou enregistré sur le Linguise tableau de bord, vous serez invité à enregistrer le domaine que vous souhaitez traduire. Entrez le domaine complet, y compris https://, et choisissez l'option AUTRE CMS HÉBERGÉ DANS LE CLOUD.
Sélectionnez ensuite la langue principale (source) de votre site web et la ou les langues cibles que vous souhaitez ajouter.
Une fois que votre domaine a été enregistré avec succès sur le tableau de bord Linguise , vous verrez une option pour connecter votre DNS automatiquement. En utilisant 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 pour ce fournisseur. Après vous être connecté, Entri ajoutera automatiquement tous les enregistrements DNS requis :
- Un enregistrement TXT pour la vérification de 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 Linguise script, que vous pouvez trouver dans votre Linguise tableau de bord. Ensuite, allez dans Paramètres > Langue dans votre compte HubSpot et collez le script dans le champ HTML de l'en-tête.
Ce code intégrera automatiquement votre site web avec Linguise. En outre, il générera également automatiquement un sélecteur de langue par défaut.
#4 Personnalisation du commutateur de langue
De plus, vous pouvez également configurer le sélecteur de langue en fonction de 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 trier les langues qui apparaîtront en premier sur 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 en utilisant Linguise. Par exemple, nous allons traduire de l'anglais vers l'allemand.
Comme vous pouvez le voir, tout le contenu du site web HubSpot sera traduit automatiquement de manière rapide et précise.
Meilleures pratiques de référencement pour les sites Web HubSpot multilingues
En plus de créer un site web multilingue avec HubSpot, vous devez vous assurer que les stratégies SEO internationales que vous mettez en œuvre peuvent aider chaque version linguistique de votre site à apparaître correctement dans les résultats de recherche. Voici les meilleures pratiques SEO que vous pouvez mettre en œuvre pour les sites multilingues basés sur HubSpot.
Utilisez les balises hreflang et canoniques correctement
La bonne nouvelle 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 de balises manuellement, car le système générera et gérera les hreflang pour chaque version linguistique de votre site. Voici un exemple de mise en œuvre de hreflang sur un article.
Pendant ce temps, la balise canonique doit être utilisée avec précaution. 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 un canonique 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 différente et non à la considérer comme du contenu dupliqué.
Optimisez la balise title et la méta description dans chaque langue
Les titres de page (balises de titre) et les méta-descriptions sont les éléments de référencement sur page les plus importants. Si vous utilisez un modèle dans HubSpot pour plusieurs langues, assurez-vous que chaque version a un titre et une méta-description qui correspondent à la langue cible. Cela augmente la pertinence de la recherche et le taux de clic 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 produits de 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 beaucoup plus efficace que la version anglaise.
Utiliser des URL conviviales pour le référencement et liées à la langue
La structure de l'URL joue un rôle important dans SEO multilingue. Utilisez des structures qui indiquent la langue du contenu, telles que des sous-dossiers (exemple.com/fr/), des sous-domaines (fr.exemple.com) ou des paramètres (exemple.com?lang=fr). Dans HubSpot, les sous-dossiers sont souvent l'option la plus simple pour gérer le SEO.
Aussi, assurez-vous que vos URL soient différentes non seulement en termes de structure mais également en termes de langue. Par exemple, la page anglaise « About Us » pourrait être écrite comme 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 le contexte linguistique immédiatement.
Faites attention à la traduction du texte ALT des images et du contenu visuel
Le texte alternatif sur les images est souvent oublié dans les stratégies de référencement multilingues, même s'il est important pour l'accessibilité et la visibilité sur Google Images. Assurez-vous que chaque version linguistique de votre site comporte 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 “Personne lisant un livre” dans la version anglaise et “Personne lisant un livre” dans la version française. Cela aide non seulement les utilisateurs ayant une déficience visuelle, mais augmente également les chances que l'image apparaisse dans les recherches d'images locales.
Soumettez le plan de site multilingue à la console de recherche Google
Google doit savoir que vous disposez de plusieurs versions linguistiques de votre contenu. Par conséquent, soumettre un sitemap XML qui inclut toutes les pages multilingues à Google Search Console est très important. HubSpot CMS crée automatiquement le sitemap, mais vous devez vous assurer que chaque version linguistique 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
Maintenant, vous comprenez comment créer un site web multilingue avec HubSpot CMS. Vous pouvez commencer les étapes de la planification linguistique, de la création de pages et de l'optimisation SEO, le tout sur une seule plateforme, sans les tracas du codage. Cependant, pour une expérience utilisateur et des performances SEO véritablement optimisées, l'intégration avec un service de traduction automatisé comme Linguise est fortement recommandée.
Avec Linguise, vous pouvez traduire l'ensemble 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 web HubSpot et atteindre un public mondial plus efficacement. Dans ce cas, il est temps de commencer à utiliser Linguise pour traduire votre site automatiquement et professionnellement !
