comment créer un menu déroulant dans la navigation de son site Squarespace ?

Un menu déroulant, bien utilisé, avec parcimonie… ☝️ est un élément intéressant pour optimiser la navigation sur votre site Squarespace. Si vous proposez différents types d’offres, ou que vous vous adressez à plusieurs cibles, il permet de simplifier l'organisation de vos pages et de les rendre plus accessibles aux visiteurs. Dans cet article, nous allons voir comment créer un menu déroulant efficace pour votre site Squarespace.

pourquoi créer un menu déroulant dans Squarespace

De mon expérience et observation, les menus déroulants sont rarement bien utilisés sur les sites web réalisés en autonomie : trop fournis, confus, brouillons. 😅 En revanche, bien utilisé, le menu déroulant est un outil précieux pour améliorer la navigation et l'organisation de votre site web. Il permet de gagner de la place, de simplifier la navigation, de mieux structurer le contenu et d'offrir une meilleure expérience utilisateur sur tous les appareils. 👇

organiser et hiérarchiser le contenu de façon logique 

Le menu déroulant vous permet de classer vos pages de manière logique et intuitive, en les regroupant par thèmes ou par catégories. Cela facilite la navigation pour vos visiteurs, qui peuvent ainsi trouver rapidement et facilement les informations qu'ils recherchent. 

Par exemple, pour le site sur mesure réalisé pour Inesse, nous avons décidé le parti d’organiser le contenu par cible, puis par type d’offres, afin d’apporter de la clarté et de rediriger directement les visiteurs vers la bonne page. 

Vous souhaitez me confier la réalisation de votre site Internet sur mesure ? C’est possible et c’est par ici.

réduire le nombre de liens actifs dans la navigation 

Qu’on se le dise : la barre de navigation, c’est 6 élements au grand maximum ! 🔥 Une barre de navigation surchargée apporte de la confusion et décourage les visiteurs, en les empêchant de trouver rapidement les informations qu'ils recherchent. Le menu déroulant permet d'optimiser l'espace de navigation sur votre site web, en réduisant le nombre de liens présents sur le menu principal en regroupant les pages secondaires sous un même onglet.

une mise en page optimisée et plus esthétique 

Le menu déroulant permet de créer une mise en page plus équilibrée et plus esthétique pour votre site web. On en a parlé précédemment, mais on persiste et on signe : on répartit les liens de manière homogène et on ne surcharge pas le menu principal. C’est également un bon point pour l’accessibilité : le menu déroulant permet de structurer le contenu de votre site web et de le rendre plus accessible. Côté optimisation mobile, le menu déroulant s'adapte parfaitement aux mobiles et offre une navigation fluide et intuitive, ce qui est loin d’être un détail. 📱

le code à utiliser pour rendre le dossier du menu déroulant non cliquable :

.header-nav-folder-title {
pointer-events:none;
}

plus d’articles et de tuto faciles autour de Squarespace

Webdesigner et consultante Squarespace, j’accompagne et je crée pour mes clients des sites intelligents, stratégiques et haut de gamme. On travaille ensemble ?

Personnalisez en quelques clics et copier-coller votre site Squarespace : intégrer votre police, personnaliser les cookies… sans savoir coder !