Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Landing Pages
Blog
Design Manager

Gérer le contenu multilingue dans HubSpot

Dernière mise à jour: août 25, 2020

Disponible avec :

Hub Marketing Professional, Enterprise
Hub CMS Professional, Enterprise
Ancienne version Hub Marketing Basique

Vous pouvez gérer le contenu global pour votre audience dans plusieurs langues sur vos pages de destination et pages de site web. Cet article explique comment créer un groupe de pages avec du contenu traduit dans plusieurs langues. 

Découvrez comment ajouter de nouvelles traductions, lier des traductions existantes à un nouveau groupe de langue et gérer le contenu global. Vous devrez également collaborer avec votre développeur web pour ajouter un module de sélecteur de langue à votre modèle de page afin que les visiteurs puissent sélectionner leur langue sur votre site. 

Remarque : Aucun des contenus d'une variante multilingue d'une page ne sera traduit automatiquement ; vous devrez le faire vous-même. Si vous avez choisi une langue qui se lit de droite à gauche (exemple : arabe ou hébreu), l'éditeur de contenu pour la page traduite sera mis à jour pour refléter ce formatage. 

Outre la gestion de contenu multilingue, HubSpot propose également un contenu généré par le système pour les langues de création de contenu par défaut. Découvrez-en davantage sur les langues prises en charge par HubSpot.

Avant de commencer

  • Vous devrez collaborer avec votre développeur web ou un membre de votre équipe capable d'apporter des modifications dans le gestionnaire de conception afin d'ajouter un sélecteur de langue à votre modèle de page.

Créer un groupe de pages multilingues

Vous pouvez créer un nouveau groupe avec des variantes multilingues depuis votre tableau de bord des pages de destination ou des pages de site web. Une fois que vous créez une variante multilingue d'une page, celle-ci fait partir d'un groupe multilingue.

Créer un groupe multilingue

Pour créer un nouveau groupe de pages multilingues :

  • Dans votre compte HubSpot, accédez à vos pages de destination ou à vos pages de site web.
  • Passez le curseur de la souris sur la page que vous souhaitez traduire en plusieurs langues. Cliquez sur le menu déroulant Plus et sélectionnez Créer une variante multilingue.
  • Dans la boîte de dialogue, cliquez sur le menu déroulant Langue de la variante et sélectionnez la langue dans laquelle vous souhaitez traduire cette page.
  • Cliquez sur Enregistrer.

Modifier le contenu et les paramètres de votre page

Dans l'éditeur de contenu, vous disposerez d'un clone de votre page existante dans la langue principale. Vous pouvez alors traduire et localiser le contenu dans la nouvelle variante de langue.

  • Dans l'éditeur de page, modifiez le contenu de votre page pour la langue de la variante que vous avez sélectionnée.
  • Vous pouvez basculer entre plusieurs variantes multilingues en cliquant sur le menu déroulant Langue en haut de la page.

manage-multi-language-content

  • L'URL de la variante multilingue comprendra un slug pour la langue de cette page dans l'URL de la page dans l'onglet Paramètres.
  • Vous pouvez modifier la langue pour cette page en cliquant sur le menu déroulant Langue de la page et en sélectionnant une nouvelle langue. La modification de la langue dans vos paramètres mettra automatiquement à jour l'URL de la page.

multi-language-page-url-slug

Afficher et gérer les pages dans un groupe multilingue

Dans le tableau de bord de vos pages, une icône Globe language apparaîtra à côté des pages intégrées à un groupe multilingue existant. Cliquez sur l'icône Flèche right pour afficher les autres variantes de la page dans ce groupe multilingue.

translated-pages

Modifier le contenu global dans une page multilingue

Si votre page contient du contenu global, vous devrez créer des variantes de langue distinctes pour votre contenu. La meilleure façon d'ajouter une variante multilingue au contenu global est d'utiliser l'éditeur de page.

  • Dans l'éditeur de page, passez le curseur de la souris sur le contenu global de votre page, qui est étiqueté avec une icône de contenu mondial globalGroup.

  • Cliquez sur l'icône Modifier edit pour accéder aux options de modification du contenu global.

  • Dans la boîte de dialogue qui s'affiche, cliquez sur Ouvrir dans l'éditeur de contenu global.
  • En haut de l'éditeur de contenu global, cliquez sur le menu déroulant Langue et sélectionnez Ajouter/modifier des variantes multilingues pour créer un groupe de langue.

edit-multilanguage-global-content

  • Dans le panneau Gérer les variantes multilingues, cliquez sur le menu déroulant Principal pour sélectionner la langue principale pour ce contenu global.
  • Cliquez sur le menu déroulant Variantes pour sélectionner la langue de votre page multilingue. Vous pouvez ajouter plus de variantes en cliquant sur Ajouter une variante de langue.
  • Cliquez sur Enregistrer dans l'angle inférieur gauche.

add-multilanguage-variations

  • Pour gérer les variantes de langue de votre contenu global, cliquez sur le menu déroulant Langue en haut de l'éditeur et sélectionnez Ajouter/créer des variantes multilingues.

select-language-variation-global-content

  • Dans l'éditeur de contenu global, cliquez sur n'importe quel module dans le panneau de gauche pour modifier son contenu.
  • Lorsque vous avez terminé de modifier votre variante de contenu global, cliquez sur Publier sur [X] actifs dans l'angle supérieur droit. Les nouvelles variantes de langue seront ajoutées à toutes les pages et articles de blog utilisant ce contenu global. Une variante de langue publiée ne sera affichée que sur les pages ou les articles de blog contenant la même langue de page.
  • Cliquez sur Retour dans l'angle supérieur gauche pour revenir à votre page ou article de blog.

Déplacer une page existante vers un autre groupe multilingue

Pour ajouter une page à un groupe multilingue existant, accédez à votre tableau de bord des pages de destination ou des pages de site web.

  • Passez le curseur sur une page et cliquez sur le menu déroulant Actions, puis sélectionnez Ajouter à un groupe multilingue.
  • Dans la boîte de dialogue, cliquez sur le menu déroulant Langue de la page sélectionnée et sélectionnez une langue pour cette page.
  • Cliquez ensuite sur le menu déroulant Sélectionner une page principale et sélectionnez une page principale à associer à cette page.
  • Cliquez sur Enregistrer.

page-add-to-language-groupCette page sera alors ajoutée à un groupe multilingue avec la page principale que vous avez sélectionnée.

Supprimer une variante multilingue

Pour supprimer une page dans un groupe multilingue, vous devez tout d'abord supprimer la page du groupe multilingue.

  • Dans votre compte HubSpot, accédez à vos pages de destination ou à vos pages de site web.
  • Dans le tableau de bord des pages, passez le curseur de la souris sur la page que vous souhaitez supprimer, puis cliquez sur le menu déroulant Actions et sélectionnez Supprimer du groupe multilingue.
  • Dans la boîte de dialogue, cliquez sur Supprimer. Vous pourrez désormais archiver ou supprimer cette page.

Ajouter un sélecteur de langue à vos pages

Ajouter un module de sélecteur de langue à votre modèle de page permet aux visiteurs de basculer entre les versions traduites des pages de votre groupe multilingue. Le sélecteur de langue apparaîtra uniquement sur vos pages si plusieurs pages de votre groupe multilingue ont été publiées.

  • Dans votre compte HubSpot, accédez au modèle de votre page.
  • Dans l'inspecteur, cliquez sur + Ajouter et utilisez la barre de recherche pour rechercher le module Sélecteur de langue.
  • Cliquez et faites glisser le module Sélecteur de langue sur votre modèle, puis cliquez sur le module pour le modifier.
  • Sélectionnez le mode d'affichage pour votre bouton Sélecteur de langue :
    • Localisé/Localized : le nom de chaque langue s'affichera dans la langue sélectionnée pour la page. Par exemple, si vous consultez la version anglaise d'une page dotée d'une traduction en français, vous verrez les mots English et Français pour les noms de langue dans le sélecteur de langue.
    • Pagelang : les noms des langues disponibles apparaîtront dans la langue de la page actuelle. Par exemple, si vous consultez la version anglaise d'une page dotée d'une traduction en français et que vous cliquez sur le bouton Sélecteur de langue, vous verrez les mots English et French.
    • Hybride : une combinaison de Localisé et de Pagelang. Par exemple, si vous consultez la version anglaise d'une page dotée d'une traduction française et que vous cliquez sur le Sélecteur de langue, vous verrez les mots English et French (Français) pour les noms de langue.
  • Cliquez sur Terminé.
  • Dans l'angle supérieur droit, cliquez sur Publier pour mettre à jour le modèle.

Considérations de langue supplémentaires

Votre langue de domaine dans le HTML de votre page

La langue de la page est définie dans l'en-tête HTML en fonction du paramètre de langue définie pour le domaine. Si aucune langue n'a été définie, HubSpot définira le domaine en anglais par défaut.
<meta http-equiv="content-language" content="fr">
  • Les balises « hreflang » seront intégrées aux pages de destination et aux pages de site web hébergées par HubSpot.
<link rel="alternate" hreflang="fr">

<link rel="alternate" hreflang="en">

<link rel="alternate" hreflang="de">

Par défaut, HubSpot modifie les liens d'une page dans une langue spécifique afin qu'elles renvoient à des pages dans la même langue (ex : pour une page en japonais, le lien www.domain.com/page1 sera automatiquement remplacé par www.domain.com/jp/page1). Il ne s'agit pas d'une redirection, mais d'un changement majeur de l'URL du lien. Pour rediriger les visiteurs vers la version spécifique à leur langue de la page lorsqu'elle est disponible (pour des raisons de SEO, par exemple) :

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, sélectionnez Domaines et URL.
  • Cliquez sur l'onglet Paramètres de langue.
  • Cliquez sur le bouton pour activer l'option Autoriser les redirections spécifiques aux langues. Si vous activez ce paramètre, vous verrez que le paramètre de requête suivant sera ajouté à vos URL :

hslang=<lang path>

Cela redirigera les liens d'une version de page en langue spécifique vers le lien approprié avec la même traduction. Vous pouvez désactiver cette fonctionnalité pour un élément HTML en particulier et à ses enfants en ajoutant « hs-skip-lang-url-rewrite » à la liste de classes de cet élément. Pour en savoir plus sur l'application d'une classe personnalisée à un groupe de modules en particulier.

Remarque : Les redirections spécifiques des langues ne fonctionnent pas pour des liens dans des modules de menu avancés ou des modules de menu simples.

Définir la langue principale pour votre domaine

Vous pouvez configurer la langue principale d'un domaine entier pendant sa connexion à HubSpot ou après. Découvrez-en davantage sur la configuration d'une langue principale pendant la connexion d'un nouveau sous-domaine.

Remarque : Pour un blog, la langue dans les paramètres de votre blog remplacera la langue principale sélectionnée dans ce paramètre. Découvrez comment mettre à jour la langue principale de votre blog.

Pour définir la langue principale des domaines qui ont déjà été connectés :

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, sélectionnez Domaines et URL.
  • Cliquez sur l'onglet Paramètres de langue.
  • Dans la colonne Langue principale, cliquez sur le menu déroulant Choisir la langue principale et sélectionnez une langue.
  • Pour ajouter automatiquement le préfixe de langue de votre langue par défaut aux URL de page dans cette langue, activez le bouton Utiliser le préfixe dans le slug. Cette action ajoutera l'abréviation à deux lettres pour la langue principale de votre page à toutes les pages hébergées sur ce domaine dans votre langue principale. Cette étape n'est pas nécessaire pour créer du contenu multilingue.

set-primary-language-for-domains

  • En bas à gauche, cliquez sur Enregistrer.

Remarque : Si vous définissez une langue principale de façon incorrecte, contactez le support HubSpot. La reconfiguration de la langue principale peut prendre jusqu'à trois jours ouvrables.

/fr/cos-general/how-to-manage-multi-language-content-with-hubspots-cos