Mobilegeddon aurait pu être et disparu. Cependant, même si votre site Web a survécu indemne à cette dernière mise à jour de Google, vous pouvez toujours faire plus pour Faites en sorte que vos visiteurs mobiles se sentent comme chez eux sur votre site Web.
Un thème WordPress responsive ou même mobile first est un excellent moyen de répondre au nombre croissant d’internautes qui accèdent au contenu en ligne sur des smartphones et des tablettes. Cependant, même si votre site Web est adapté aux mobiles, vous pouvez apporter quelques modifications pour le rendre encore plus.
Un domaine particulier de votre site Web qui a le potentiel de frustrer les visiteurs qui y accèdent sur un appareil à petit écran est son menus de navigation. Si vous avez déjà essayé d’accéder aux différentes pages d’un site Web sur votre smartphone, via un menu déroulant encombrant ou un système de navigation par en-tête surpeuplé, vous devriez pouvoir vous identifier à ce point douloureux.
Donc, pour vous assurer que votre site Web ne commet pas cette erreur fondamentale et empêche vos visiteurs d’atteindre les pages internes de votre site, nous allons examiner quelques plugins qui peuvent vous aider à créer des menus personnalisés pour les utilisateurs mobiles, qui s’intègrent également de manière transparente avec le reste de votre site Web. Nous examinerons également quelques conseils pour vous aider à vous assurer vos menus sont aussi adaptés aux mobiles que possible.
Conseils pour rendre les menus de votre site Web adaptés aux mobiles
Avant d’aborder les outils réels qui peuvent vous aider à rendre les menus de votre site Web plus utiles aux visiteurs mobiles, examinons rapidement quelques conseils d’utilisation pour mieux répondre aux utilisateurs mobiles :
- Réduire le nombre d’éléments de menu: pour mieux s’adapter aux appareils à petit écran, essayez de supprimer les éléments non essentiels de vos menus mobiles uniquement.
- Positionnez les maillons les plus recherchés à l’avant et au centre: selon la finalité de votre site web, il y a une bonne chance les utilisateurs mobiles recherchent une page spécifique – cela peut être votre adresse, vos heures d’ouverture ou vos coordonnées – aidez-les en mettant ces liens en évidence.
- Minimisez le nombre de clics requis : la majorité des visiteurs mobiles veulent accéder aux informations qu’ils recherchent en un ou deux clics, alors essayez de limiter les couches de vos menus.
- Maximiser l’espace de l’écran : Les menus déroulants imbriqués ou extensibles et contractés sont un excellent moyen d’éviter que vos menus n’occupent trop d’espace à l’écran. Utilisez l’icône universelle à trois lignes « nav burger » pour signaler l’emplacement du menu, ou mieux encore, utilisez un barre d’onglets contextuelle.
En 2012, 55 % des personnes interrogées dans un enquête de Google a déclaré qu’une mauvaise expérience de site Web sur un appareil mobile nuirait à leur perception de la marque; donc si vous ne faites pas tout ce que vous pouvez faire pour que votre site Web soit aussi accueillant pour les utilisateurs mobiles en 2015, qui sait quels dommages vous pourriez faire aujourd’hui.
Les meilleurs plugins WordPress de menu réactif pour mobile
J’espère que vous pouvez maintenant voir l’importance de rendre les menus de votre site Web plus adaptés aux mobiles. En utilisant un peu de bon sens et les conseils ci-dessus, vous pouvez vous assurer que vous ne rebutez pas les utilisateurs mobiles et que vous offrez plutôt une expérience utilisateur positive à vos visiteurs.
En utilisant l’un de ces plugins gratuits ou premium, vous pouvez rendre le système de navigation de votre site Web plus convivial et plus facile à utiliser.
Plugin WordPress gratuit de menu réactif
Ce plugin gratuit vous permet de modifier de nombreux aspects du menu de navigation mobile de votre site Web, afin de le rendre plus utilisable par smartphone et tablette en utilisant les visiteurs. Le menu de votre site Web d’origine reste intact et accessible aux utilisateurs non mobiles.
La liste des options de personnalisation du menu est très étendu. Une fois le plugin activé, vous pouvez modifier les titres, les couleurs, la taille, la position, l’ordre et de nombreux autres attributs de votre menu pour le rendre plus adapté aux mobiles.
Le plugin Responsive Menu permet également de masquer votre menu jusqu’à ce que l’utilisateur clique sur l’icône pour la révéler. Vous pouvez utiliser le menu standard à trois lignes, nav burger, ou télécharger une icône de votre choix. Vous pouvez également choisir le sens de sortie du menu, pour assurer une meilleure compatibilité avec le design de votre site Web. Si vous recherchez une option flexible, ce plugin populaire et bien considéré est un bon choix.
WP Responsive Menu Plugin WordPress gratuit
WP Responsive Menu est une autre option gratuite pour ajouter des menus adaptés aux mobiles à votre site Web WordPress. Bien que ce plugin fonctionne avec n’importe quel thème ou framework dès la sortie de la boîte, vous pouvez personnaliser son apparence pour mieux l’adapter à la conception de votre site Web.
Grâce aux paramètres, vous pouvez également ajouter votre logo au menu, choisir la direction du glissement et masquer les éléments de menu inutiles aux utilisateurs mobiles. Vous avez également la possibilité d’activer ou de désactiver le pincement pour zoomer sur vos menus, en fonction de vos préférences. Il existe également une prime de ce plugin disponible si vous souhaitez accéder à des fonctionnalités supplémentaires.
UberMenu Premium Mobile Menu Plugin WordPress
Le plugin premium Uber Menu vous permet de faire de jolis des trucs incroyables avec les menus de votre site Web WordPress. Même vos visiteurs de bureau et non mobiles peuvent bénéficier des fonctionnalités de ce plugin.
Avec cet outil installé sur vos sites Web, vos menus peuvent désormais contenir une gamme de différents types de contenu, notamment des images, des formulaires, des cartes et des icônes. Chaque aspect de vos menus peut être personnalisé avec ce plugin, les transformant de simples systèmes de navigation en une extension personnalisée de votre site Web.
Une caractéristique particulièrement intéressante de ce plugin de création de menu réactif est que toute la personnalisation des menus a lieu via l’outil de personnalisation WordPress. Cela vous donne un aperçu en direct de votre travail, ce qui vous fait gagner du temps et des efforts.
Bien que les menus UberMenu soient réactifs et optimisés pour les mobiles par défaut, vous disposez de beaucoup de contrôle supplémentaire sur la façon dont les utilisateurs de votre smartphone et de votre tablette expérimenteront vos systèmes de navigation. Cela inclut des points d’arrêt configurables, une prise en charge tactile améliorée pour les utilisateurs d’Android, iOS et Windows 8 et des éléments masqués en fonction de la taille de l’écran.
UberMenu est un plugin de création de menu premium de grande valeur qui peut vous aider à faire passer la navigation de votre site Web au niveau supérieur (en plus, il est livré avec un niveau supérieur de documentation, d’assistance et de mises à jour régulières non garanties par les options gratuites ci-dessus).
Conclusion
Comme vous pouvez le voir, l’ajout d’un menu adapté aux mobiles à votre site Web WordPress ou la mise à niveau de votre menu existant est très simple. En utilisant l’un des plugins ci-dessus, vous pouvez effectuer cette tâche sans avoir à modifier de code, changez votre thème WordPress, ou modifiez directement son fonctionnement.
Bien qu’il ne s’agisse pas seulement d’optimiser le menu pour préparer votre site Web pour les appareils mobiles, c’est un excellent point de départ. Le système de navigation de votre site Web est peut-être sa caractéristique la plus importante, il est donc essentiel de s’assurer qu’il convient au nombre croissant d’utilisateurs mobiles.
Si vous voulez plus de conseils sur rendre votre site Web adapté aux mobiles, consultez cet article sur les conseils d’optimisation mobile pour WordPress ou celui-ci sur les thèmes et plugins WordPress prêts pour les mobiles.
Qu’est-ce qui vous ennuie le plus dans l’utilisation des menus de sites Web sur votre smartphone ou votre tablette ? Quelles fonctionnalités aimeriez-vous voir dans un plugin de menu réactif pour les mobiles ? S’il vous plaît partager vos pensées dans les commentaires ci-dessous.