Réorganiser les éléments de menu dans Shopify

L’essentiel

Allez dans Boutique en ligne > Navigation > cliquez sur le menu > faites glisser les éléments à l’aide de la poignée située à gauche.

L’élément en haut de la liste apparaît en premier dans la navigation.

Les éléments du menu déroulant (enfants) peuvent également être réorganisés au sein de leur groupe parent.

Enregistrez le menu après l’avoir réorganisé pour que les modifications soient appliquées.

Modifier l’ordre des éléments de votre menu de navigation dans Shopify est une simple opération de glisser-déposer. Aucun code n’est requis.

Pourquoi vous pouvez nous faire confiance

Nous avons créé et personnalisé des centaines de boutiques Shopify. Nous développons également Fudge, l’opérateur IA pour les boutiques Shopify, qui a reçu une note de 4.9 sur le Shopify App Store. La mise en place d’une navigation qui va au-delà du simple éditeur de menu fait partie des modifications apportées par son éditeur de boutique.

É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 déroulants (les é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 sa poignée de déplacement. Faites-le glisser vers le haut ou vers le bas dans le menu déroulant : il reste imbriqué sous son parent, mais occupe une position différente dans la liste déroulante.

Pour retransformer un élément déroulant en un élément de niveau supérieur, faites-le glisser vers la gauche jusqu’à ce qu’il ne soit plus en retrait.

Pour savoir comment imbriquer des éléments dès le départ, consultez notre guide sur comment créer un menu déroulant dans Shopify.

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.

Vous voulez une navigation sur mesure avec des éléments stylisés ? Décrivez-la à Fudge.

Démarrer l'essai gratuit

L’ordre de navigation a un effet mineur mais réel sur le SEO. Les liens situés plus haut dans le code source de la page (placés plus tôt dans le menu) transmettent légèrement plus de jus de lien interne (link equity) à leurs pages de destination.

D’un point de vue pratique, la différence SEO est minime : vous ne verrez pas de changement spectaculaire dans votre classement en réorganisant votre navigation. Le plus grand avantage SEO provient du simple fait d’inclure les 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 navigation affecte le comportement des utilisateurs. Si votre collection la plus vendue est enfouie à la fin de la navigation, moins de personnes la trouveront. Placez vos liens les plus importants en premier.

Pour créer les pages de collection vers lesquelles renvoie votre menu, consultez comment créer une page de collection dans Shopify.

Réorganiser des menus comportant plusieurs niveaux

Les menus Shopify peuvent aller jusqu’à trois niveaux de profondeur : les éléments de niveau supérieur, leurs enfants et leurs petits-enfants (parent > enfant > petit-enfant). Dawn et la plupart des thèmes actuels affichent les trois ; certains thèmes plus anciens n’en affichent que deux.

Lorsque vous réorganisez les éléments de niveau supérieur, tous les enfants du menu déroulant qu’ils contiennent se déplacent avec eux. L’ordre interne du menu déroulant reste le même à moins que vous ne réorganisiez spécifiquement les enfants.

Pour ajouter des liens vers des soldes ou des campagnes promotionnelles au menu, consultez comment ajouter des liens promotionnels à la navigation Shopify.

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

Pourquoi la poignée de déplacement n'apparaît-elle pas sur les éléments de mon menu ?

Il y a trois causes courantes : (1) vous survolez la mauvaise zone — la poignée se trouve sur le bord gauche de chaque ligne, (2) vous utilisez un thème ou une extension d'administration personnalisé(e) qui masque l'interface standard, ou (3) vous n'avez qu'un seul élément de menu et il n'y a donc rien à réorganiser. Actualisez la page et réessayez sur une vue d'administration classique.

Puis-je réorganiser en masse les éléments du menu Shopify via CSV ?

Pas nativement. Les éléments de menu sont gérés uniquement via l'interface Boutique en ligne → Navigation, sans possibilité d'importation ni d'exportation CSV. Vous devez donc les réorganiser par glisser-déposer.

La catégorie "Soldes" doit-elle apparaître au début ou à la fin de la navigation ?

Cela dépend de votre positionnement. De nombreuses marques placent "Soldes" ou "Outlet" à la fin de la navigation. Les boutiques axées sur les prix bas placent souvent "Soldes" en premier ou le mettent en évidence avec de la couleur. Pour la plupart des marques haut de gamme, masquer les soldes dans un menu déroulant plutôt qu'au niveau supérieur est plus adapté à l'image de marque.

Le fait de réorganiser les éléments de menu Shopify déclenchera-t-il une nouvelle exploration (re-crawl) par Google ?

Pas directement — les modifications de menu n'envoient pas de signal au sitemap de Google. Mais la prochaine fois que Google explorera n'importe quelle page de votre site, il verra la navigation mise à jour et actualisera sa compréhension de la structure des liens internes. Les refontes majeures de la navigation peuvent prendre de quelques jours à plusieurs semaines pour se propager complètement dans les résultats de recherche.

Puis-je réorganiser les éléments du menu Shopify à l'aide de la navigation au clavier ?

De manière limitée. La touche Tab permet de cibler les éléments, mais le glisser-déposer natif HTML5 via le clavier n'est pas bien pris en charge dans l'administration Shopify. Utilisez une souris ou un trackpad pour la réorganisation.