COS-General

Comment mettre un site en ligne avec HubSpot et un serveur DNS cPanel générique ?

Dernière mise à jour: November 20, 2017

Disponible avec :

Marketing: Basique, Pro, Enterprise
Sales: N/A

Si votre domaine est enregistré avec un serveur DNS qui utilise l'interface cPanel pour réaliser des modifications de DNS, vous pouvez suivre les étapes suivantes pour le mettre en ligne avec le COS de HubSpot. Blue Host, Host Gator et Host Monster sont trois fournisseurs réputés qui utilisent cette interface d'hébergement très répandue. Selon votre hôte et la version de cPanel utilisée, les captures d'écran de ce tutoriel peuvent différer de ce que vous voyez, mais le processus global reste le même.

Deux procédures sont décrites ci-dessous. La première s'applique aux sites partiellement hébergés avec le COS de HubSpot. Suivez-la si seule une partie de votre contenu, par exemple votre blog et vos pages de destination, est hébergée sur HubSpot, mais que votre site principal est hébergé ailleurs. La seconde procédure s'applique aux sites web intégralement hébergés. Utilisez-la si votre site web principal est entièrement hébergé sur le COS de HubSpot. Avant de continuer, cliquez sur l'option qui décrit le mieux vos besoins afin d'accéder à la procédure de publication correspondante.    

Seule une partie de votre site web est hébergée sur le COS de HubSpot (par ex., votre blog, vos pages de destinations, vos comptes d'essai)

L'intégralité de votre site est hébergée sur le COS de HubSpot (le contenu créé sur HubSpot remplace votre site web existant)

Procédure pour les sites partiellement hébergés sur HubSpot

Si vous ne comptez publier que certaines parties de votre site web sur HubSpot, par exemple votre blog ou vos pages de destination, suivez les instructions ci-dessous. Si vous bénéficiez d'un essai gratuit et que vous souhaitez connecter seulement une partie de votre domaine à HubSpot, et non l'intégralité de votre site, veuillez également suivre la procédure ci-dessous.  

1. Accédez à Contenu > Paramètres du contenu

Connectez-vous à HubSpot et accédez à Contenu > Paramètres du contenu.

2. Sélectionnez le Gestionnaire de domaine

Cliquez sur le lien Gestionnaire de domaine dans le menu latéral Outils du système d'optimisation de contenu. Vous pouvez également accéder au gestionnaire de domaine en suivant ce lien.

2. Sélectionnez le Gestionnaire de domaine

L'outil Gestionnaire de domaine affiche tous les domaines et les sous-domaines associés à votre compte HubSpot. Vous pouvez y voir l'état de connexion de chaque domaine, modifier leur configuration ou supprimer des domaines de votre compte.

3. Cliquez sur Connecter un autre domaine HubSpot créé avec le COS

Pour connecter votre domaine, cliquez sur le bouton Connecter un autre domaine au COS de HubSpot au bas du tableau Domaines du COS de HubSpot.

3. Cliquez sur Connecter un autre domaine HubSpot créé avec le COS

4. Saisissez le nom du sous-domaine que vous souhaitez connecter à HubSpot

Dans le champ Domaine à connecter, vous devez entrer un sous-domaine à associer à votre contenu HubSpot, comme blog.VotreNomDeDomaine.com ou info.VotreNomDeDomaine.com, car HubSpot ne gérera que l'hébergement d'une partie du contenu de votre site. Dans l'exemple ci-dessous, l'adresse du site est info.sshubspot.com.

4. Saisissez le nom du sous-domaine que vous souhaitez connecter à HubSpot

5. Définissez les options de configuration du domaine

Sélectionnez ensuite les types de contenus qui seront associés à ce sous-domaine. L'exemple qui suit utilise HubSpot pour un blog, des pages de destination et des versions en page web d'e-mails, et non pour l'intégralité du site.

Note : les portails d'un compte HubSpot Marketing Basique n'affichent pas les cases à cocher de sélection des divers outils, car ils peuvent héberger du contenu sur un seul sous-domaine pour tous les outils.

5. Définissez les options de configuration du domaine

6. Cliquez sur Connecter un domaine

Une fois les options de configuration du domaine définies, cliquez sur Connecter un domaine pour l'ajouter à la liste des domaines et obtenir les données d'adresse CNAME que vous devrez reporter sur votre compte d'hôte du serveur de nom (Blue Host, Host Gator, Host Monster, etc.).

6. Cliquez sur Connecter un domaine

7. Prenez note des données CNAME affichées

Après avoir cliqué sur Connecter un domaine, un message similaire au message ci-dessous apparaîtra, affichant des données CNAME propres à votre compte HubSpot. Cliquez sur le bouton Copier ou mettez la valeur CNAME en surbrillance et copiez-la dans le presse-papiers.

copie cname

8. Accédez à votre compte cPanel

Connectez-vous à votre hôte du serveur de nom DNS (Blue Host, Host Gator, Host Monster, etc.) et accédez à votre compte cPanel.

8. Accédez à votre compte cPanel

9. Accédez à l'éditeur de zone DNS

Cliquez sur l'option Éditeur de zone DNS dans la section Domaines de cPanel. Dans certaines versions de cPanel, cette option est simplement appelée Éditeur de zone DNS. Si vous disposez de plusieurs domaines, vous aurez peut-être à sélectionner le domaine dont vous souhaitez éditer le DNS.  Selon la version de cPanel utilisée par votre hôte, le nom de cette option peut changer (c'est-à-dire devenir Éditeur de zone DNS simple, Éditeur de zone DNS avancée).

9. Accédez à l'éditeur de zone DNS

10. Créez un enregistrement CNAME contenant les informations qui proviennent de HubSpot

Sélectionnez CNAME (Alias) comme type d'enregistrement.  Dans le champ Hôte, saisissez le préfixe du sous-domaine que vous souhaitez connecter à HubSpot. Dans cet exemple, info.sshubspot.com est connecté aux outils du COS ; il faut donc saisir info dans le champ Hôte.  Choisissez CNAME pour le type de champ.  Enfin, collez l'adresse CNAME copiée à l'Étape 7 depuis votre compte HubSpot dans le champ Redirige vers et cliquez sur Ajouter un enregistrement.

10. Créez un enregistrement CNAME contenant les informations qui proviennent de HubSpot

11. Attendez que la modification DNS s'exécute

Votre sous-domaine cPanel est désormais connecté à HubSpot. Vos modifications seront appliquées au cours des prochaines 24 heures. Vous pourrez alors vérifier que le domaine est bien connecté à HubSpot dans l'outil Gestionnaire de domaine de HubSpot, en vérifiant que le statut Principal s'affiche pour ce domaine et que le cercle figurant à côté du nom de domaine s'affiche en vert.

11. Attendez que la modification DNS s'exécute

Procédure pour les sites intégralement hébergés sur HubSpot

Si vous hébergez l'ensemble de votre site web sur le COS de HubSpot, suivez les instructions ci-dessous. Veuillez vérifier que tout votre contenu a bien été créé ou migré sur HubSpot avant de le publier. Une fois votre domaine connecté, les visiteurs de votre site accéderont à la version créée avec le COS de HubSpot.

1. Accédez à Contenu > Paramètres du contenu

Connectez-vous à HubSpot et accédez à Contenu > Paramètres du contenu.

2. Sélectionnez le Gestionnaire de domaine

Cliquez sur le lien Gestionnaire de domaine dans le menu latéral Outils du système d'optimisation de contenu. Vous pouvez également accéder au gestionnaire de domaine en suivant ce lien.

2. Sélectionnez le Gestionnaire de domaine

L'outil Gestionnaire de domaine affiche tous les domaines associés à votre compte HubSpot. Vous pouvez y voir l'état de connexion de chaque domaine, modifier leur configuration ou supprimer des domaines de votre compte.

3. Cliquez sur Connecter un autre domaine HubSpot créé avec le COS

Pour connecter votre domaine GoDaddy, cliquez sur Connecter un autre domaine du COS de HubSpot.  

3. Cliquez sur Connecter un autre domaine HubSpot créé avec le COS

4. Saisissez le nom de domaine que vous souhaitez connecter à HubSpot

Saisissez maintenant le nom de domaine que vous souhaitez connecter à HubSpot. Dans le champ Domaine à connecter, vous devez saisir le sous-domaine www.VotreNomDeDomaine.com car HubSpot gèrera l'hébergement de tout le contenu de votre site. Dans l'exemple ci-dessous, l'adresse du site est www.sshubspot.com.

4. Saisissez le nom de domaine que vous souhaitez connecter à HubSpot

Que faire si vous souhaitez connecter mondomaine.com et non www.mondomaine.com ?
Le COS de HubSpot charge les pages et les fichiers très rapidement et il protège votre site contre les attaques malveillantes (telles que les attaques DDOS), mais la technologie sous-jacente fonctionne uniquement avec les enregistrements dits CNAME. La connexion avec les enregistrements CNAME n'est pas possible pour les domaines racines, les domaines sans www, mais elle l'est pour les domaines www. Pour que ces serveurs fonctionnent, vous devez connecter l'adresse www de votre domaine à HubSpot. L'adresse sans préfixe sera redirigée vers la version www. Les visiteurs pourront ainsi accéder à votre site web.

5. Définissez les options de configuration du domaine

Sélectionnez ensuite les types de contenus qui seront associés à ce domaine. S'il s'agit du premier domaine que vous connectez à votre compte HubSpot, il est préférable d'en faire le domaine principal pour tous les outils. Pour cela, cliquez simplement sur le bouton à côté de l'option Sélectionner comme domaine principal pour les outils suivants, puis cochez les cases figurant à côté des mentions Articles de blog, E-mails, Pages de destination et Pages du site. Cet exemple montre à quoi ressemble la connexion de www.sshubspot.com en tant que domaine principal pour tout le contenu.

Note : les portails d'un compte HubSpot Marketing Basique n'affichent pas les cases à cocher de sélection des divers outils, car ils peuvent héberger du contenu sur un seul sous-domaine pour tous les outils.

5. Définissez les options de configuration du domaine

La configuration exacte à définir pour votre domaine dépend des besoins spécifiques de votre entreprise. Par conséquent, si vous avez des questions, veuillez vous mettre en relation avec l'équipe de support de HubSpot.

6. Cliquez sur Connecter un domaine

Une fois les options de configuration du domaine sélectionnées, cliquez sur le bouton Connecter un domaine pour l'ajouter à la liste des domaines et obtenir les données d'enregistrement CNAME que vous devrez reporter sur votre compte cPanel.

6. Cliquez sur Connecter un domaine

7. Prenez note des données CNAME affichées

Après avoir cliqué sur Connecter un domaine, un message similaire au message ci-dessous apparaîtra, affichant des données CNAME propres à votre compte HubSpot. Cliquez sur le bouton Copier ou mettez la valeur CNAME en surbrillance et copiez-la dans le presse-papiers.

copie cname

8. Accédez à votre compte cPanel

Connectez-vous à votre serveur de nom DNS et accédez à votre compte cPanel.

8. Accédez à votre compte cPanel

9. Accédez à l'éditeur de zone DNS

Cliquez sur l'option Éditeur de zone DNS dans la section Domaines de cPanel. Dans certaines versions de cPanel, cette option est simplement appelée Éditeur de zone DNS. Si vous disposez de plusieurs domaines, vous aurez peut-être à sélectionner le domaine dont vous souhaitez éditer le DNS.  Selon la version de cPanel utilisée par votre hôte, le nom de cette option peut changer (c'est-à-dire devenir Éditeur de zone DNS simple, Éditeur de zone DNS avancée).

  • Copiez la configuration de l'enregistrement Serveur DNS original dans votre compte.
9. Accédez à l'éditeur de zone DNS

10. Ajoutez un enregistrement CNAME pour le sous-domaine www de votre domaine

Utilisez l'enregistrement CNAME récupéré à l'Étape 7, créez un enregistrement CNAME pour le sous-domaine www du domaine ajouté à votre compte HubSpot aux Étapes 3 à 6. Il se peut que vous ayez à supprimer ou modifier un enregistrement www existant, selon la configuration de serveur DNS actuelle de votre domaine. Vous devez ensuite rediriger la version non WWW de votre domaine vers le domaine WWW.

10. Ajoutez un enregistrement CNAME pour le sous-domaine www de votre domaine

11. Revenez à votre tableau de bord cPanel.

Revenez à votre tableau de bord cPanel, puis cliquez sur l'option Redirections dans la section Domaines.

11. Revenez à votre tableau de bord cPanel.

12. Créez une redirection

À présent, vous allez créer une redirection 301 à partir de la version non www de votre domaine vers le sous-domaine www de votre domaine. Pour cela, sélectionnez Permanent (301) comme Type et Non redirection des www comme option de redirection www. Sélectionnez l'option Redirection à méta-caractères. Cette option effectue une redirection correcte des slugs d'URL (par ex., votreNomDeDomaine.com/blog est redirigé vers www.votreNomDeDomaine.com/blog). Une fois la configuration de la redirection terminée, cliquez sur le bouton Ajouter.

Note : dans la plupart des versions de cPanel, cette option ajoute une règle de redirection à votre fichier .htaccess. Si vous avez déjà redirigé votre enregistrement @ en externe, vous aurez peut-être à rediriger votre enregistrement @ vers une IP interne (fournie par votre service DNS) pour déclencher votre fichier .htaccess. Si vous avez personnalisé votre fichier .htaccess pour une utilisation avec un autre système de gestion de contenu, vous devez peut-être modifier votre fichier .htaccess pour garantir que cette règle prenne effet. Pour en savoir plus, cliquez ici.

12. Créez une redirection

13. Attendez que la modification DNS s'exécute

Votre nom de domaine redirige maintenant vers HubSpot. Vos modifications seront appliquées au cours des prochaines 24 heures. Vous pourrez alors vérifier que le domaine est bien connecté à HubSpot dans le Gestionnaire de domaine, en vérifiant que le statut Principal s'affiche pour ce domaine et que le cercle figurant à côté du nom de domaine s'affiche en vert.

13. Attendez que la modification DNS s'exécute