Retour à la vue d'ensemble
  • Réduire le taux de rebond

Structure de navigation bien pensée pour une meilleure orientation dans la boutique en ligne

  • Publié le 8 juillet 2022
  • Sarah Birk
  • Temps de lecture : 9 min.

Si l'utilisateur d'un site web recherche une sous-page spécifique, vous devez l'aider et lui offrir une orientation grâce à une structure de navigation bien pensée. En effet, s'il ne trouve pas ce qu'il cherche dans votre boutique, il se tournera vers la concurrence. Dans cet article, vous découvrirez pourquoi une bonne navigation est essentielle dans une boutique en ligne, à quoi ressemble la structure de navigation optimale pour votre site web et quels types de navigation vous pouvez utiliser.

Deux personnes sont dans une voiture : un homme conduit, une femme tient une carte routière dans ses mains.

Définition : qu'est-ce qu'une structure de navigation ?

La structure de navigation de ton site web ou de ta boutique en ligne est une barre qui guide le visiteur vers la sous-page ou la page d'accueil souhaitée. Elle affiche au minimum les catégories principales de ta boutique en ligne, mais est généralement subdivisée en sous-catégories.

La structure de navigation est visible sur chaque sous-page du site web et reste toujours identique. Elle offre ainsi à tes visiteurs un cadre sûr pour l'utilisation du site.

Pourquoi la structure de navigation est-elle si importante dans le commerce électronique ?

Les visiteurs qui accèdent à la page d'accueil souhaitée via les moteurs de recherche ou qui utilisent la recherche sur site de la boutique n'ont besoin que d'une aide minimale pour naviguer. Il en va autrement pour les utilisateurs qui souhaitent d'abord cliquer sur le site. Ils ont besoin d'un guidage bien pensé dans la boutique en ligne qui leur permette d'atteindre rapidement leur objectif.


Restez informé des dernières nouveautés en matière de personnalisation : inscrivez-vous à la newsletter Epoq. Inscrivez-vous dès maintenant!


Si vous ne parvenez pas à mettre en place une structure de navigation intelligente, la recherche d'une sous-page spécifique peut s'avérer frustrante pour l'utilisateur. Le visiteur quitte votre boutique, le taux de rebond augmente. Une navigation bien structurée et intuitive dans la boutique en ligne est donc essentielle pour réduire le taux de rebond.

Conseil: découvrez dans notre guide comment réduire le taux de rebond dans votre boutique en ligne comment vous pouvez réduire davantage le taux de rebond.

Positionnement sur le site web : les principaux types de navigation

La navigation doit répondre aux attentes (et aux habitudes) de vos visiteurs. Sur cette base, vous pouvez placer la structure de navigation à trois endroits différents sur le site web :

Barre de navigation horizontale

Les boutiques en ligne classiques présentent leur navigation au-dessus du contenu proprement dit. En effet, de nombreux internautes sont habitués à ce type de barre de navigation. Elle est toujours visible tout en restant compacte et discrète en arrière-plan.

Le concept de navigation horizontale présente toutefois un inconvénient : en raison de la largeur limitée de l'écran, vous ne pouvez pas afficher un nombre illimité de sous-catégories. De plus, il est difficile à afficher sur les appareils mobiles avec un écran vertical.

Deux exemples de structures de navigation horizontales :

  • Méga-menu: le méga-menu présente l'ensemble de la structure de navigation de la boutique en ligne dans une seule vue. Il est clair, mais prend également beaucoup de place.
  • Menu à icônes tactiles: cette navigation compacte est représentée graphiquement par des icônes et s'ouvre lorsque le visiteur clique sur les symboles.

Fackelmann mise dans sa boutique en ligne sur une structure de navigation horizontale afin d'offrir une bonne vue d'ensemble de toutes les catégories.
(Source : capture d'écran de fackelmann.de)

Barre de navigation verticale

La structure de navigation verticale se répand rapidement, car de plus en plus d'utilisateurs utilisent des appareils mobiles avec un écran vertical. Le menu du site web est généralement situé à gauche ou à droite du contenu et peut en principe être étendu à volonté. Veillez toutefois à ce qu'il reste d'une taille raisonnable, sinon l'utilisateur devra trop faire défiler la page.

L'avantage : tu peux utiliser toute la hauteur du site web pour ton contenu. Cependant, la zone visible de ta boutique en ligne sera considérablement réduite.

Trois exemples de structures de navigation verticales :

  • Menu burger (menu hamburger): tu reconnais le menu hamburger à ses trois traits superposés. Il s'ouvre en cliquant dessus. Lorsqu'il est fermé, les différents éléments du menu ne sont pas visibles.
  • Menu déroulant / menu hors canevas: en cliquant sur une flèche ou un bouton correspondant, un menu s'affiche comme un curseur dans la zone visible et ouvre d'autres options de navigation. Il apparaît soit sur le côté gauche (hors canevas), soit de haut en bas (menu déroulant).
  • Menu à plusieurs niveaux: dans cette forme mixte, une barre verticale avec les catégories de produits est visible en permanence et, lorsque l'on clique sur l'une des catégories principales, un menu déroulant avec les sous-catégories s'ouvre.

Lorsqu'un client clique sur le menu hamburger dans la boutique en ligne d'Alternate, la structure de navigation verticale s'ouvre et affiche toutes les catégories de la boutique.
(Source : capture d'écran de alternate.de)

Conseil: en plus des menus classiques, vous pouvez également aider les utilisateurs à naviguer sur votre site grâce à une navigation à facettes. Une navigation à facettes offre, sur une page de catégorie ou de résultats de recherche, une multitude d'options de filtrage selon différentes caractéristiques souhaitées. Grâce à celles-ci, les clients de la boutique peuvent affiner leur sélection de produits en quelques clics. Les filtres proposés peuvent être adaptés d'une catégorie à l'autre ou en fonction de la requête de recherche, de sorte que les clients ne disposent toujours que d'options de filtrage pertinentes.

Comment la structure de navigation doit-elle être conçue ?

Vous vous demandez dans quel ordre présenter les différentes catégories dans la structure de navigation ? Plusieurs approches sont possibles :

  • Basée sur les objets: dans la boutique en ligne, la structure de navigation reflète généralement la gamme de produits, elle s'oriente donc vers les articles à vendre.
  • Basé sur l'action: orientez-vous en fonction du comportement de navigation de vos visiteurs. Que veulent-ils savoir en premier lorsqu'ils arrivent sur votre page ?
  • Basé sur les groupes cibles: représente tes groupes cibles dans la navigation principale et subdivise-les en sous-catégories en fonction de leurs besoins respectifs (par exemple, répartition entre femmes, hommes et enfants).
  • Basé sur le référencement naturel (SEO): orientez-vous selon le comportement d'exploration des moteurs de recherche. Organisez les éléments de manière à ce que les sous-pages les plus importantes soient facilement accessibles. Gardez toutefois toujours à l'esprit les besoins des utilisateurs.
  • Personnalisé: adaptez la structure de navigation aux préférences individuelles de vos clients et affichez en premier lieu les catégories qui intéressent particulièrement chaque visiteur de la boutique. Vous permettez ainsi à chaque client d'accéder rapidement à ses catégories préférées.

Restez informé des dernières nouveautés en matière de personnalisation : inscrivez-vous à la newsletter Epoq. Inscrivez-vous dès maintenant!


Six conseils pour une structure de navigation bien pensée

Tu souhaites créer une structure de navigation qui guide parfaitement tes visiteurs ? Ces six conseils t'aideront à y parvenir :

  1. Cohérence : quel que soit l'emplacement de la structure de navigation, il est essentiel qu'elle soit identique sur toutes les sous-pages et qu'elle ne change ni visuellement ni dans son positionnement. Pour le contenu, deux options s'offrent à vous : soit vous le laissez inchangé, soit, comme décrit précédemment, vous avez la possibilité de personnaliser l'ordre des catégories au sein de la structure de navigation. Comme cela peut varier d'une boutique à l'autre, il est recommandé de vérifier l'efficacité de cette option à l'aide de tests A/B.
    Exemple : une femme enceinte visite de plus en plus souvent la catégorie « Vêtements de grossesse » de votre boutique en ligne de vêtements. Si cela est détecté, vous pouvez afficher cette catégorie tout en haut pour votre cliente, afin qu'elle dispose d'une sorte d'« accès rapide » à sa catégorie préférée du moment. Si ses intérêts changent (dans notre exemple, parce que l'enfant est né) et que la cliente consulte désormais davantage la catégorie « Vêtements pour bébés », cette catégorie peut alors être mise en avant. Ainsi, la structure de navigation peut être adaptée en permanence aux besoins actuels de la cliente grâce à la personnalisation.
  2. Mobile First : ta structure de navigation doit être responsive, c'est-à-dire qu'elle doit pouvoir s'afficher aussi bien sur les appareils mobiles que sur un ordinateur de bureau. Lors de la conception, n'oublie pas que les utilisateurs de smartphones doivent pouvoir naviguer avec leurs doigts.
  3. Fil d'Ariane : affichez le chemin d'accès au menu sur les sous-pages afin d'aider l'utilisateur à s'orienter. Mettez en évidence la catégorie dans laquelle il se trouve actuellement.
  4. Aperçu : choisissez l'apparence et la structure de la navigation principale de manière à ce que le visiteur puisse immédiatement avoir un aperçu de l'offre ou de la gamme de produits.
  5. Structure : créez des catégories et des sous-catégories dans un ordre logique. Veillez à ce que les intitulés des entrées soient pertinents et, dans l'idéal, optimisés pour les moteurs de recherche, sans utiliser de mots trop longs. Évitez les niveaux trop imbriqués.
  6. Règle des sept plus ou moins: il y a plusieurs décennies, le psychologue américain George Armitage Miller a découvert que le cerveau humain ne peut traiter qu'environ sept unités (plus ou moins deux unités) à la fois.¹ Ne surchargez donc pas le menu afin de ne pas saturer la capacité d'attention de vos visiteurs.

Conclusion : une structure de navigation bien pensée est centrée sur l'utilisateur.

Si vous souhaitez offrir à vos visiteurs un parcours client optimal et réduire votre taux de rebond, vous devez veiller à mettre en place une structure de navigation pertinente. Choisissez le type de navigation adapté à votre boutique, placez-le en fonction des attentes des visiteurs et adaptez-le systématiquement à leurs besoins. Grâce à une navigation adaptée à l'utilisateur, vous facilitez l'orientation et fidélisez ainsi vos clients dans votre boutique.

Source : ¹t3n

Questions fréquentes sur la structure de navigation dans la boutique en ligne

Tu souhaites apprendre comment réduire ton taux de rebond ?

Demandez dès maintenant une démonstration en ligne.

Sarah, responsable junior du marketing de contenu chez epoq
Sarah Birk
Responsable marketing en ligne - Contenu et référencement naturel (SEO)
Sarah occupe le poste de responsable marketing en ligne – Contenu & SEO chez Epoq et est donc responsable du domaine du contenu. Son domaine d'activité s'étend de la planification et la conception du contenu à l'analyse et l'optimisation des différents formats de contenu, en tenant compte des aspects importants du référencement.