Un menu efficace aide vos visiteurs à naviguer facilement sur votre site pour y trouver leur bonheur. C’est parti pour construire le vôtre !
1) Introduction
Lorsqu’un visiteur arrive sur votre site, il veut trouver en peu de clics ce qu’il cherche. Sinon, il partira chercher son bonheur ailleurs. Et votre arme contre cela, c’est un menu clair et concis 
Où se trouve votre menu principal ?
Votre menu principal de navigation est celui situé dans votre header (en-tête), car le haut de votre site est un emplacement privilégié pour capter l’attention. C’est de lui dont nous allons parler ici.
Gardez en tête votre menu dit secondaire en bas de votre site (« menu footer »), celui-là est pour plus tard.
La règle d’or
Pas plus de 6 éléments (les plus importants) et des titres courts !
Voici un exemple :
Bonne nouvelle, nous vous avons déjà prévu un menu spécialement adapté à votre profil ! Vous pouvez le personnaliser facilement en quelques étapes.
Allons voir tout cela en détails !
2) C’est quoi un menu efficace ?
Un menu clair et concis, c’est la clef !
Comme nous venons de le dire, il faut des titres courts et ne dépassez pas 6 éléments dans votre menu principal (menu header).
Vous pouvez toujours créer un 2e niveau de navigation dans votre menu (sous forme de listes déroulantes).
Pas un clic de trop !
Vous voulez donner facilement accès aux éléments les plus importants. Les pages moins visitées peuvent être « reléguées » à d’autres endroits, comme dans le menu footer.
À l’inverse, parmi les pages incontournables, on trouve votre projet ou vos services, votre blog ou portfolio, votre page contact. Ensuite, vous pouvez penser à votre page À propos, par exemple.
Mais justement, connaissez-vous les pages de votre site..?
3) Les pages existantes de votre site
Page de contact, mentions légales, conditions générales de ventes… Nous nous sommes creusé les méninges pour penser à toutes les pages dont vous pourriez avoir besoin et vous épargner leur construction de zéro… Pas mal non ?
Chaque page à son design
Chacune de ses pages a un design particulier selon sa fonction. Par ex. La page « Contact » comprend un formulaire de contact tandis que la page « À Propos » a été composée avec plusieurs blocs de textes et une image.
Vous devez donc bien veiller à toujours ajouter à votre menu la page adaptée au contenu que vous avez en tête… Nous y reviendrons plus tard !
Choisir vos pages les plus importantes
Pour l’instant, parcourez chacune des pages préconstruites pour votre site ci-dessous !
Gardez-les ouvertes dans des onglets séparés pour construire votre menu plus facilement juste après
Menu Header
Menu Footer
4) La structure de votre menu principal
Vous venez de vous familiariser avec l’ensemble des pages qui existent déjà pour votre site. Nous pouvons à présent réfléchir à l’organisation de la navigation de votre site.
Construire votre menu
Prenez un papier et un crayon. Vous allez dessiner « l’arborescence » de votre menu de navigation. Une arborescence, c’est ce dessin ci-dessous qui organise vos pages par niveau. C’est tout bête, mais c’est plus clair !
Allez-y, prenez votre temps et dès que vous êtes au point sur votre arborescence… On passe à la suite !
5) Ajouter une page manquante (Optionnel)
En consultant les pages pré-construites et en créant votre arborescence, vous vous êtes aperçu qu’il vous manquait une page ou deux ?
Vous pouvez tout à fait créer par vous-même une page supplémentaire. Par contre, celle-ci n’aura aucun contenu par défaut et ce sera à vous de la construire de zéro… Et ça prend plus de temps qu’on ne le pense !
Deux options pour créer une page
Le plus simple est de regarder si vous ne pouvez pas adapter une page préexistante. Si c’est le cas, nous allons vous guider pour la dupliquer et la renommer.
Si aucune page ne vous est utile comme base, vous pouvez créer une page vide, mais vous devrez effectivement la construire entièrement. Et c’est du boulot !
Créer votre page
C’est votre dernier mot ? Cliquez ici pour être guidé(e) pour ajouter une nouvelle page.
Créez-la, renommez-la et ajoutez-la à votre menu. Vous la construirez plus tard !
6) La règle d’or à respecter
Important ! En touchant à votre menu et aux pages pré-construites, vous pouvez mettre votre site sans dessus dessous.
Veillez à respecter ces principes
CE QU’IL NE FAUT PAS FAIRE
Changer le nom d’une page pré-construite dans le menu sans vérifier si son contenu y correspond !
Ex. Si vous renommez votre page « Contact » en « À propos », son contenu restera celui d’une page Contact… avec un formulaire de contact, qui ne vous sera d’aucune utilité pour présenter votre activité.
CE QU’IL FAUT FAIRE
Changez le nom d’une page en restant dans le même univers que son contenu.
Ex. Renommer la page « À Propos » par « Notre histoire ».
PS : Vous avez l’intention de tenir un blog ou de mettre en avant vos créations ou projets dans un portfolio ? Mettez cela de côté. Pour l’instant, on débute sur le reste et on y reviendra ?
7) Personnaliser votre menu
C’est la dernière ligne droite ! Cliquez sur « Personnaliser mon menu de navigation ».
N’oubliez pas de bien ordonner et renommer les pages adaptées à ce que vous avez en tête
8) Conclusion
Voilà, votre menu de navigation est à jour !
Modifier votre menu de navigation
Pour revenir le modifier, cliquez sur Header & Footer → Menus depuis votre menu Tremplin.
Veillez toujours à bien sélectionner le menu que vous souhaitez modifier (menu header ou menu footer) !
