• Je veux lancer mon entreprise
  • Je veux créer mon site internet
Menu
  • Je veux lancer mon entreprise
  • Je veux créer mon site internet
Démarrer
Je teste
Se connecter
  • Modèles de sites internet
  • Prix
  • Avis
  • Ateliers gratuits
  • Faire appel à des experts
  • FAQ
Menu
  • Modèles de sites internet
  • Prix
  • Avis
  • Ateliers gratuits
  • Faire appel à des experts
  • FAQ
Démarrer
Je teste
Se connecter
Démarrer
Je teste
Se connecter

Blog

Menu
  • Graphisme
  • Création de site internet
  • Promouvoir mon entreprise
  • Conseils d’entrepreneurs
  • Inspirations
  • Nouveautés
Menu_Liste_déroulante
  • Création de site internet

Comment construire votre menu de navigation ?

  • janvier 28, 2020

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

  • Politique de confidentialité
  • Mentions légales & CGU
  • Espace client
  • Ateliers

 

 

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, vo​us 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) !

Partager cet article

Partager sur facebook
Partager sur twitter
Partager sur pinterest
Partager sur print
Partager sur email
Partager sur whatsapp
PrevArticle précédentComment améliorer votre site pour vos visiteurs ?
Article suivantComment rédiger vos pages obligatoires ?Suivant

Je crée mon site

  • Site e-commerce
  • Site pour photographe
  • Site internet facile
  • Site pour professionnels
  • Site internet pour entreprise
  • Boutique en ligne de vêtements
  • Site internet agence immo
  • Site avec prise de rendez-vous

J'ai déjà un site

  • Je transfère mon site sur Tremplin

Je compare les outils

  • Tremplin vs. Wix
  • Tremplin vs. Wordpress
  • Tremplin vs. Shopify

Je deviens partenaire

  • Je suis freelancer
  • Je suis une agence

© Tous droits réservés – Mentions légales – Politique de confidentialité

Conçu avec ❤ Tremplin

14 jours d'essai gratuit sans engagement, pas de carte de crédit requise
Créer votre compte
Renseigner un email valide
Renseigner un mot de passe valide

En créant un compte, vous acceptez nos Conditions Générales et reconnaissez avoir lu et compris la Politique de Confidentialité

Dernière étape
Renseigner votre Prénom
Renseigner votre Nom

Je souhaite...

  • Lancer mon entreprise
  • Créer mon site internet
    • Modèles de sites internet
    • Prix
    • Ateliers
    • Faire appel à des experts
    • FAQ
    • Avis
    • Aide
Menu
  • Lancer mon entreprise
  • Créer mon site internet
    • Modèles de sites internet
    • Prix
    • Ateliers
    • Faire appel à des experts
    • FAQ
    • Avis
    • Aide
  • Modèles de sites internet
  • Prix
  • Avis
  • Ateliers gratuits
  • Faire appel à des experts
  • FAQ
Menu
  • Modèles de sites internet
  • Prix
  • Avis
  • Ateliers gratuits
  • Faire appel à des experts
  • FAQ