À retenir
- Allez dans Boutique en ligne > Navigation > cliquez sur le menu > faites glisser les éléments à l’aide de la poignée sur la gauche.
- L’élément en haut de la liste apparaît en premier dans la navigation.
- Les sous-éléments (enfants) peuvent également être réorganisés au sein de leur groupe parent.
- Enregistrez le menu après la réorganisation pour que les modifications soient prises en compte.
Changer l’ordre des éléments de votre menu de navigation sur Shopify est une simple opération de glisser-déposer. Pas besoin de coder.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et personnalisé des centaines de vitrines Shopify. Nous avons également conçu Fudge - un éditeur de vitrine IA avec une note de 4.8 sur le Shopify App Store.
Comment réorganiser les éléments de menu
Étape 1. Dans votre admin Shopify, allez dans Boutique en ligne > Navigation.
Étape 2. Cliquez sur le menu que vous souhaitez réorganiser - généralement le Menu principal (Main menu) ou le Pied de page (Footer).
Étape 3. Dans l’éditeur de menu, survolez n’importe quel élément. Une icône de déplacement apparaît sur le côté gauche de l’élément - elle ressemble à six points agencés dans une grille (ou à trois lignes horizontales, selon votre version de Shopify).
Étape 4. Cliquez et maintenez l’icône de déplacement, puis faites glisser l’élément vers le haut ou vers le bas jusqu’à sa nouvelle position.
Étape 5. Relâchez pour le déposer à sa nouvelle position.
Étape 6. Cliquez sur Enregistrer (Save menu) pour confirmer la modification.
L’ordre mis à jour apparaît dans la navigation de votre boutique immédiatement après l’enregistrement.
Réorganiser les éléments déroulants
Les éléments de menu déroulant (éléments imbriqués sous un parent) peuvent être réorganisés indépendamment au sein de leur groupe.
Survolez un élément enfant pour faire apparaître son icône de déplacement. Faites-le glisser vers le haut ou vers le bas au sein du menu déroulant - il reste imbriqué sous son parent, simplement dans une position différente dans la liste déroulante.
Vous ne pouvez pas faire glisser un élément enfant pour qu’il devienne un élément de premier niveau avec le même geste. Pour reconvertir un élément de menu déroulant en élément principal, faites-le glisser vers la gauche jusqu’à ce qu’il ne soit plus en retrait.
Sur le même sujet : Créer un menu déroulant dans Shopify.
Stratégie pour l’ordre des éléments de navigation
La plupart des boutiques e-commerce suivent un ordre de navigation prévisible auquel les clients s’attendent :
Côté gauche de la navigation (premiers éléments) :
- Boutique / Tous les produits
- Collections (par catégorie)
- Nouveautés / Soldes
Côté droit (derniers éléments) :
- À propos / Notre histoire
- Blog
- Contact
Placer les liens de vos collections principales en premier est logique car c’est là que la plupart des visiteurs veulent aller. Les pages À propos et Contact peuvent se trouver à la fin ou dans le footer.
Pour les boutiques avec un petit nombre de collections (3-5), une navigation à un niveau fonctionne bien. Pour les boutiques avec de nombreuses catégories, pensez à les regrouper dans des menus déroulants afin que la navigation principale reste épurée.
L’ordre de navigation affecte-t-il le SEO ?
L’ordre de navigation a un effet mineur mais réel sur le référencement naturel (SEO). Les liens situés plus haut dans le code source de la page (les premiers du menu) transmettent un peu plus de jus de lien interne à leurs pages de destination.
D’un point de vue pratique, la différence SEO est faible - vous ne verrez pas de changement radical dans vos classements en réorganisant votre navigation. Le plus grand avantage SEO provient du fait de proposer des liens vers vos pages de catégories principales dans la navigation, ce que Shopify gère très bien.
Plus important encore, l’ordre de votre navigation affecte le comportement des utilisateurs. Si votre collection la plus vendue est cachée à la fin de la navigation, moins de gens la trouveront. Placez vos liens les plus importants en premier.
Sur le même sujet : Modifier les balises titre (Meta Titles) dans Shopify.
Sur le même sujet : Créer une page de collection dans Shopify.
Réorganiser des menus comportant plusieurs niveaux
La navigation standard de Shopify prend en charge deux niveaux : les éléments principaux et un niveau d’imbrication (menu déroulant).
Lorsque vous réorganisez des éléments principaux, tous les éléments enfants déroulants qu’ils contiennent se déplacent avec eux. L’ordre interne du menu déroulant reste le même, sauf si vous réorganisez spécifiquement les éléments enfants.
Sur le même sujet : Ajouter des liens promotionnels à la navigation dans Shopify.
Le menu du pied de page
Le menu du pied de page se modifie exactement de la même manière : faites glisser pour réorganiser les éléments. Si votre thème utilise plusieurs colonnes en pied de page, chaque colonne possède généralement son propre menu (par exemple, “Colonne de pied de page 1”, “Colonne de pied de page 2”). Vous devez réorganiser les éléments de chaque menu séparément.
FAQ
Trois causes fréquentes : (1) vous survolez la mauvaise zone — la poignée se trouve sur le bord gauche de chaque ligne, (2) vous utilisez un thème/une extension d'administration personnalisé(e) qui masque l'UI standard, ou (3) vous n'avez qu'un seul élément de menu et il n'y a rien à réorganiser. Rafraîchissez la page et réessayez sur une vue d'administration propre.
Pas nativement. Les éléments de menu sont gérés uniquement via l'interface Boutique en ligne → Navigation — pas d'import/export CSV. Pour les réorganisations complexes (par ex. plus de 50 éléments répartis sur plusieurs menus), décrivez ce que vous voulez à Fudge ("réorganiser notre menu principal pour que les collections soient triées par volume de ventes actuel") et il se charge de la mise à jour en masse via l'API Admin. Pour 5 à 10 éléments, le glisser-déposer manuel reste plus rapide.
Ça dépend de votre positionnement. Les marques promotionnelles placent souvent "Soldes" ou "Outlet" à la fin de la navigation (côté droit), là où les acheteurs s'attendent à trouver des anomalies de catégorie. Les boutiques axées sur les bonnes affaires placent "Soldes" en premier ou le mettent en évidence avec une couleur. Pour la plupart des marques haut de gamme, masquer les soldes dans un menu déroulant plutôt qu'au niveau principal correspond mieux à l'image de marque.
Pas directement — les modifications de menu n'envoient pas de signal au sitemap de Google. Mais la prochaine fois que Google explorera une page de votre site, il verra la nouvelle navigation et mettra à jour sa compréhension de votre structure de liens internes. Les refontes majeures de la navigation peuvent prendre de quelques jours à quelques semaines pour se propager complètement dans les résultats de recherche.
C'est limité. La touche Tab permet de cibler les éléments, mais le glisser-déposer HTML5 natif au clavier n'est pas bien supporté dans l'admin Shopify. Utilisez une souris ou un trackpad pour réorganiser. Pour les flux de travail liés à l'accessibilité (lecteurs d'écran, clavier uniquement), l'API Admin est l'option la plus fiable.
