Comment créer des menus de navigation pour votre site ?

Dernière mise à jour: March 2, 2018

Disponible avec :

Modules complémentaires: Site web

Plusieurs questions importantes peuvent se poser lorsque vous concevez les premières pages de votre site avec HubSpot :

  • Quelles pages inclure dans votre site web ?
  • Quelles pages doivent être accessibles via le menu de navigation principal ?
  • Combien de menus de navigation comptez-vous utiliser ?
  • Comment allez-vous organiser les pages dans la navigation ?
  • Quelles sont les pages les plus susceptibles d'interpeller les visiteurs ?

Ces questions vous aideront à planifier et à créer l'architecture de l'information de votre site. Une fois que vous aurez déterminé la façon dont vous souhaitez organiser votre site, vous pourrez commencer à créer les menus. La fonctionnalité Menus avancés de HubSpot vous permet de définir l'architecture complète de l'information et d'utiliser les pages de site web sous forme de menu de navigation. Cet article aborde les thèmes suivants :

Pourquoi est-il important de planifier l'architecture de l'information de votre site web ?

Les architectures de l'information sont des diagrammes ou des plans permettant d'organiser et de hiérarchiser tous les contenus que vous prévoyez d'inclure dans votre site. Elles vous évitent de vous perdre en conjectures lorsque vous créez de nouvelles pages et contribuent à assurer la cohérence globale de votre site. Elles permettent également aux visiteurs de parcourir et de trouver votre contenu plus facilement sur votre site web.

Voici les questions que vous devez vous poser lors de la planification de votre architecture de l'information :

  • Quelles sont les pages clés (« pages principales ») auxquelles les visiteurs doivent avoir accès en permanence lorsqu'ils consultent votre site ?
  • Ces pages principales impliquent-elles des pages secondaires que vous souhaitez également inclure dans la navigation ?
  • Ces pages secondaires contiennent-elles une hiérarchie de pages supplémentaire ?
HubSpot Help article screenshot

Une fois que vous avez planifié l'architecture de votre site, vous pouvez utiliser l'outil Menus avancés de HubSpot pour commencer à créer les menus de navigation. Cet outil vous permet de structurer le nombre de menus de navigation de votre choix. Les pages de site web (qui excluent les pages de destination) et les pages de remerciement doivent toujours inclure un menu de navigation principal.

HubSpot Help article screenshot

Vous avez la possibilité de créer un menu secondaire qui contient plus de liens vers des pages annexes de votre site.

HubSpot Help article screenshot

Comment créer des menus de navigation principaux et secondaires ?

Suivez la procédure ci-dessous pour convertir votre architecture de l'information en menu de navigation principal.

1. Accéder aux Paramètres du contenu

Dans le tableau de bord HubSpot, accédez à Contenu > Paramètres du contenu.

HubSpot Help article screenshot

Sélectionnez Menus avancés dans la barre de navigation située à gauche.

HubSpot Help article screenshot

2. Définir un menu de navigation

Le menu par défaut contient les pages qui s'affichent automatiquement dans le contenu par défaut d'un module Menus avancés. Comme nous l'avons mentionné précédemment, vous pouvez également créer des menus secondaires. Dans cet exemple, nous allons sélectionner le menu par défaut car nous souhaitons créer un menu de navigation principal.

HubSpot Help article screenshot

3. Ajouter des pages au menu

Sélectionnez l'option Ajouter une page pour ajouter des pages au menu de navigation.

HubSpot Help article screenshot

À ce stade, vous devez définir le libellé du menu (qui apparaîtra dans le menu de navigation) et saisir une URL dans le champ Lien vers la page (qui correspond à l'URL vers laquelle les visiteurs seront redirigés s'ils cliquent sur le libellé de menu correspondant).

HubSpot Help article screenshot

Une fois que vous avez inséré ce lien, vous pouvez également cliquer sur l'icône d'engrenage située sur la droite pour configurer l'ouverture de ce lien dans une nouvelle fenêtre.

HubSpot Help article screenshot

Lorsque vous ajoutez une page, vous pouvez aussi cliquer sur le bouton bleu Choisir pour sélectionner une page HubSpot au lieu de saisir un lien (ce qui est nécessaire pour les pages externes).

HubSpot Help article screenshot

Vous pouvez ainsi rechercher une page via la barre de recherche située en haut de la fenêtre ou parcourir les pages HubSpot disponibles et sélectionner celle qui vous intéresse. Une fois que vous avez identifié la page souhaitée, cliquez sur la case d'option correspondante, puis sur Choisir la page.

HubSpot Help article screenshot

4. Ajouter une page secondaire au menu

Pour ajouter une page secondaire au menu, cliquez sur l'icône Rectangle associée à la page principale correspondante.

HubSpot Help article screenshot

La hiérarchie des pages détermine la façon dont ces arborescences de menus seront utilisées dans les modèles de navigation. Les pages secondaires apparaissent généralement dans un menu déroulant ou dans un menu volant. Notez toutefois que vous pouvez adapter le balisage HTML des menus à votre contenance en créant des feuilles de style CSS.

HubSpot Help article screenshot

5. Enregistrer et publier le menu

Lorsque vous modifiez le menu, vous pouvez à tout moment cliquer sur le bouton Enregistrer en tant que brouillon pour enregistrer les modifications. Pour finaliser et appliquer les modifications que vous avez apportées à toutes les pages qui utilisent ou utiliseront ce menu, cliquez sur Publier les modifications.

HubSpot Help article screenshot

6. Ajouter un module de menu à votre modèle

Comme vous venez de modifier le menu par défaut, tous les modules de menus existants reflètent à présent l'architecture de l'information que vous avez créée. Vous pouvez également utiliser le gestionnaire de conception ou l'éditeur de page pour ajouter un menu à un modèle. Dans ce tutoriel, nous allons modifier le modèle via l'éditeur de page.

Lorsque vous modifiez un site ou une page de destination spécifique, cliquez sur Paramètres > Modifier la mise en page du modèle.

HubSpot Help article screenshot

Cliquez sur Ajouter une ligne. Faites glisser le module vers l'emplacement où vous souhaitez inclure votre menu. Dans ce module, cliquez sur l'icône d'engrenage, puis sur Changer de module. Cliquez sur le module Menu avancé, puis sur Sélectionner.

HubSpot Help article screenshot

7. Personnaliser les options de menu

Pour personnaliser les options de menu (notamment pour associer le plan de site lié à la structure du menu), cliquez sur l'icône d'engrenage > Modifier les optionsPour en savoir plus sur les options de menu, lisez cet article.

HubSpot Help article screenshot

8. Créer un plan de site et un menu de navigation secondaires

Comme nous l'avons mentionné précédemment, vous pouvez créer plusieurs plans de site pour différents menus. Dans l'outil Menus avancés, cliquez sur le bouton Ajouter un autre menuDonnez un nom à ce menu, puis cliquez sur OK.

HubSpot Help article screenshot

Comment configurer un plan de site ?

Suivez la procédure ci-dessous pour convertir votre architecture de l'information en plan de site.

1. Accéder aux Paramètres du contenu

Dans le tableau de bord HubSpot, accédez à Contenu > Paramètres du contenu.

HubSpot Help article screenshot

Sélectionnez Plan du site dans la barre de navigation de gauche.

HubSpot Help article screenshot

2. Sélectionner le domaine

Sélectionnez le domaine pour lequel vous souhaitez modifier le plan du site.

HubSpot Help article screenshot

3. Sélectionner les pages à inclure dans le plan du site

Pour créer le plan du site, cochez les pages que vous souhaitez y inclure. Assurez-vous d'inclure les pages principales et secondaires, comme vous l'avez fait lors de la configuration du menu principal, mais envisagez de décocher les pages de destination qui sont publiées sur votre domaine.

HubSpot Help article screenshot

4. Afficher le plan du site

Vous pouvez consulter le plan du site à tout moment. Pour cela, cliquez sur le lien Afficher le plan du site. Cette opération vous fournit un lien direct que vous pourrez utiliser pour soumettre votre plan de site à Google Analytics et à des services similaires.

HubSpot Help article screenshot

5. Enregistrer et publier le plan du site

Lorsque vous apportez des modifications au plan du site, pensez à cliquer régulièrement sur le bouton Enregistrer en tant que brouillon. Cela vous permet d'enregistrer les modifications sans les mettre en ligne. Enfin, une fois que vous êtes satisfait de votre plan de site, cliquez sur Publier les modifications.

HubSpot Help article screenshot

Article précédent:

Measuring Your Performance Project

Article suivant: