La création d'un site Web multilingue n'est pas aussi compliquée que vous le pensez, en particulier à l'aide d'un CMS comme HubSpot. Cette plate-forme est conçue pour faciliter le processus de création et de gestion des sites dans plusieurs langues sans avoir besoin d'un codage compliqué ou de paramètres trop techniques. Des paramètres de la page, de la navigation, des 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, à partir de la stratégie de langue, de la configuration initiale du site, de l'intégration avec des outils de traduction et des pratiques de référencement importantes pour optimiser les performances de votre site web sur divers marchés. Prenons un pas à la fois!
Pourquoi choisir HubSpot CMS pour votre site web multilingue?
CMS puissant mais également convivial pour la création d'un site Web multilingue, HubSpot CMS pourrait être le choix parfait. Cette plate-forme est conçue pour faciliter la tâche pour quiconque, que ce soit un débutant ou un pro, pour créer 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 de codage. Avec un éditeur de glisser-déposer et des thèmes flexibles, n'importe qui peut créer un site d'aspect professionnel sans avoir besoin d'un développeur. Ceci est parfait si vous souhaitez vous concentrer sur la création de contenu et d'expérience utilisateur sans faire face aux 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 mais reste 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 à la langue et utiliser des fonctionnalités de référencement multilingues comme les balises Hreflang.
- Intégré aux outils marketing et 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.
- Analyse de site Web intégrée - 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 public et comment ils interagissent, tous à partir d'un seul tableau de bord, sans outils supplémentaires.
Étape par étape pour créer un site web multilingue avec HubSpot CMS
La construction d'un site web multilingue nécessite une stratégie bien pensée, une structure propre et une plate-forme qui prend en charge les besoins multilingues avec facilité et CMS HubSpot a tout. 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 superbe et fonctionne bien pour le public de différentes régions.
- Choisissez des langues en fonction du marché cible ou du public que vous souhaitez atteindre. Utilisez des données d'audience de l'analyse ou des études de marché pour hiérarchiser les langues les plus pertinentes. Cette recherche déterminera également les langues que vous ajouterez à votre site web.
- Décidez de quelle structure URL utiliser, HubSpot CMS prend en charge divers formats de structure URL, tels que les sous-domaines (par exemple Fr.Example.com), les sous-dossiers (exemple.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 car ils restent sur le domaine principal.
- Décidez quelles pages clés doivent être disponibles dans chaque langue. Cela comprend la page accueil , à propos de nous, des services, des contacts et des articles populaires. Avec cette carte de contenu, vous pouvez assurer une expérience utilisateur égale dans toutes les langues.
# 2 Configuration de votre site web
Une fois la stratégie prête, il est temps de mettre en place les bases de votre site web sur HubSpot CMS. Tout d'abord, assurez-vous d'avoir déjà un compte HubSpot. Vous devez savoir que HubSpot fournit également un essai gratuit si vous souhaitez l'essayer en premier.
Après avoir créé un compte et vous connecter, vous serez dirigé vers leur page de tableau de bord avec diverses options de navigation de menu et de configuration du produit. Lorsque vous avez entré la vue suivante, sélectionnez le du 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 réactif facile à personnaliser. HubSpot fournit une grande sélection de thèmes que vous pouvez immédiatement utiliser ou modifier en fonction de votre marque avec l'éditeur de glisser-déposer. Si vous avez choisi un thème, cliquez sur le SET AS ACTIF ACTIVE .
Si c'est le cas, vous serez dirigé vers la page de l'éditeur. Ici, vous pouvez modifier directement divers éléments en fonction des besoins de votre site web.
Pour modifier un élément, cliquez dessus et ajustez-le dans la Contenu à gauche.
De même, si vous souhaitez ajouter de nouvelles sections, modules ou dispositions. Ici, HubSpot CMS fournit divers modules tels que:
- Texte
- Commerce
- Conception
- Formes et boutons
- Contenu corporel, etc.
Il vous suffit de sélectionner le panneau (+) ou de le faire glisser directement et de le supprimer de gauche vers le côté droit de votre éditeur de page.
# 3 Intégration avec des outils de traduction automatique
Une fois que vous avez terminé la création de pages de votre site Web, il est temps d' 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.
Langue et limites de page basées sur le plan - HubSpot restreint le nombre de variations linguistiques par contenu en fonction de votre niveau d'abonnement. Par exemple, le plan de démarrage n'autorise que jusqu'à 3 langues par contenu, tandis que Linguise offre un support linguistique illimité, avec jusqu'à 85 langues disponibles sur tous les plans, et fournit des pages illimitées.
Support multilingue limité pour certains types de pages - Les pages système comme 404 ne peuvent pas être traduites en plusieurs langues, et le contenu de blog ou de base de connaissance
Aucune 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 OR.
- Il n'y a pas de paramètre de direction texte pour les langues RTL - pour des langues comme l'arabe ou l'hébreu, vous devrez ajouter 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 avec 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 Linguise sur votre site Web HubSpot.
Tout d'abord, assurez-vous d'avoir créé un compte Linguise Après avoir signé ou inscrit sur le Linguise , vous serez invité à enregistrer le domaine que vous souhaitez traduire. Entrez le domaine complet, y compris https: //, et choisissez l'option CMS hébergée par cloud.
Ensuite, sélectionnez 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 automatiquement votre DNS. 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 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 Linguise , que vous pouvez trouver dans votre Linguise . Ensuite, accédez à Paramètres> Langue dans votre compte HubSpot et collez le script dans le champ HTML Head.
Ce code intègrera automatiquement votre site web à Linguise. De plus, il générera également automatiquement un commutateur de langue par défaut.
# 4 Personnalisation du commutateur de langue
De plus, vous pouvez également définir le commutateur de langue en fonction de vos préférences sur le tableau de bord Linguise en sélectionnant le menu d'affichage des indicateurs de langue. Par exemple, en commençant par la définition du 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 apparaître d'abord sur le commutateur de langue de votre site web.
# 5 Traduire automatiquement le contenu
Enfin, nous traduireons le site web HubSpot, qui a été créé automatiquement, en une autre langue utilisant Linguise. Par exemple, nous traduireons de l'anglais vers l'allemand.
Comme vous pouvez le voir, tout le contenu du site web HubSpot sera automatiquement traduit rapidement et avec précision.
Meilleures pratiques pour les sites Web de 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 internationales que vous implémentez peuvent aider chaque version linguistique de votre site à apparaître bien dans les résultats de recherche. Vous trouverez ci-dessous les meilleures pratiques SEO que vous pouvez implémenter pour les sites multilingues basés sur HubSpot.
Utilisez correctement les balises hreflang et canoniques
La balise Hreflang indique aux moteurs de recherche la langue cible et l'emplacement d'une page particulière. Ceci est important pour éviter la duplication de contenu et s'assurer que les utilisateurs sont dirigés vers la version linguistique appropriée.
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 des balises manuellement, car le système générera et gérera Hreflang pour chaque version linguistique de votre site. Voici un exemple de l'implémentation de Hreflang sur un article.
Pendant ce temps, l'étiquette canonique doit être utilisée avec soin. Ne faites pas que toutes les versions linguistiques pointent vers une URL canonique; Chaque version linguistique doit avoir son canonique.
Par exemple, une page française devrait avoir une version canonique à la version française de l'URL, pas à la version anglaise. Cela aide Google à comprendre que chaque version linguistique est une page originale différente et ne pas la considérer comme du contenu en double.
Optimiser la balise de titre et la méta-description dans chaque langue
Les titres de page (balises de titre) et les descriptions de méta sont les éléments SEO les plus importants sur la page. Si vous utilisez un modèle dans HubSpot pour plusieurs langues, assurez-vous que chaque version a un titre et une description Meta qui correspond à la langue cible. Cela augmente la pertinence de recherche et le taux de clics des résultats de recherche.
Par exemple, personnalisez le contenu au lieu d'écrire 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 moderne para hombre y mujer con envío gratis» serait beaucoup plus efficace que la version anglaise.
Utilisez des URL conviviales et liées à la langue
La structure d'URL joue un grand rôle dans le référencement multilingue . Utilisez des structures qui indiquent la langue du contenu, telles que les sous-dossiers (example.com/fr/), les sous-domaines (fr.example.com) ou les paramètres (example.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 sont différentes non seulement en termes de structure mais aussi en termes de langue. Par exemple, la page anglaise «About Us» pourrait être écrite comme exemple.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.
Faites attention à la traduction de texte ALT des images et du contenu visuel
Le texte alt sur les images est souvent oublié dans les stratégies de référencement multilingues, même si elle est importante pour l'accessibilité et la visibilité sur Google Images. Assurez-vous que chaque version linguistique de votre site a un texte alt 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 alt «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 des déficiences visuelles, mais augmente également les chances que l'image apparaisse dans les recherches d'images locales.
Soumettre le site de site multilingue à la console de recherche Google
Google doit savoir que vous avez plusieurs versions linguistiques de votre contenu. Par conséquent, la soumission d'un site de site XML qui inclut toutes les pages multilingues à Google Search Console est très importante. HubSpot CMS crée automatiquement le site de site, mais vous devez vous assurer que chaque version linguistique est répertoriée.
Un plan du site multilingue devrait idéalement inclure un<xhtml:link rel=“alternate” hreflang=“…”> élément pour montrer la relation entre les langues. Une fois que vous avez soumis le point de site 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 maintenant comment créer un site web multilingue avec HubSpot CMS. Vous pouvez démarrer les étapes de la planification linguistique, de la création de pages et de l'optimisation du référencement, le tout dans une seule plate-forme, sans les tracas du codage. Cependant, pour une expérience utilisateur vraiment optimisée et des performances de référencement, l'intégration avec un service de traduction automatisé comme Linguise est fortement 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. Supposons donc 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!
