Les créateurs de sites se divisent en deux catégories : ceux qui ont un site sur lequel il est facile de naviguer, et ceux qui le voient couler. Et vous, comment se porte le vôtre ?
Il est courant de croiser au détour d’une recherche Google des sites absolument magnifiques mais complètement impraticables. Ces derniers, hélas, ne font pas long feu sur la Toile. Et pour cause, la navigation influence le temps que les surfeurs passent sur les sites ainsi que leur motivation d’y retourner – et les moteurs de recherche ne manquent pas d’en prendre note. Parfois, il suffit d’un lien cassé ou d’un menu mal structuré pour faire fuir certains internautes, et aller les retrouver n’a rien d’une partie de plaisir.
Si créer un site avec Wix est relativement facile, il n’en demeure pas moins que la navigation demande un réel travail d’optimisation. Cette semaine, nous avons publié une fonctionnalité très attendue : le menu vertical. Pour célébrer le lancement de cet outil très pratique, il nous a paru tout indiqué de dédier un billet à la navigation.
Ci-dessous, 7 conseils à appliquer pour offrir à vos visiteurs un site sur lequel il est agréable de naviguer :
Logo
Combien de fois nous arrive-t-il de nous enfoncer dans les couloirs d’un site et ne plus retrouver notre chemin vers la page d’accueil ? Afin d’éviter cet embarras à vos visiteurs, il n’y a pas de secret : votre logo doit renvoyer systématiquement vers votre page d’accueil. Il sert de point de repère à vos visiteurs. Plus personne ne clique aujourd’hui sur la flèche retour du navigateur – ouvrir un nouvel onglet demande moins d’effort, et vous ne souhaitez que l’on vous quitte prématurément. Placez votre logo sur toutes vos pages, en haut à gauche ou au centre, et évitez aux surfeurs les clics inutiles.
Monsieur Lucien affiche son logo de façon claire et visible sur toutes ses pages. Une agence de communication qui connait son travail. Assurément.
Menu déroulant
Votre entreprise propose une multitude de produits et services de qualité. Plutôt que d’afficher un menu composé de 70 boutons côte à côte, hiérarchisez votre contenu et utilisez un menu déroulant. Vous faciliterez ainsi considérablement la vie de vos visiteurs en leur offrant d’une part, une structure et un contenu appréhendables et d’autre part, une navigation plus intuitive.
Les Tests de Fu présentent une variété de sujets sur leur site à travers leur menu déroulant. Si vous cliquez sur le lien, profitez-en pour jeter un œil sur leurs articles passionnants.
Site Wix : Tests de Fu
Entête fixe
Avec la tendance du long scrolling qui fait des ravages sur le Web, fixer l’entête de son site est devenu un must en matière d’utilisabilité. Le concept des pages en longueur que l’on consulte en scrollant (ou en les faisant défiler de haut en bas) marche très fort : nous sommes tous habitués à cette navigation « verticale » sur nos smartphones et sur les réseaux sociaux. En fixant l’entête de votre site, votre menu et les éléments situés dans cet espace descendront automatiquement avec le mouvement de la page. Ainsi, les internautes ne les quitteront pas du regard et y auront accès sans effort.
L’entête fixe de Financer l’innovation se fond à merveille dans le design du site.
Site Wix : Financer l’innovation
Ancres
Une ancre est un élément invisible placé dans une section de la page vers lequel on crée un lien. Prenons un exemple : nous voulons que ce mot-ci renvoie au bas de l’article. Nous allons donc placer une ancre dans le bas de la page et le lien hypertexte de l’expression choisie nous y renverra. Oui, c’est un peu compliqué mais ça vaut le coup de brûler quelques neurones. L’ancre la plus classique est celle placée en haut de page utilisée pour les boutons « Retour en haut ». Cet outil sert donc à orienter les utilisateurs au sein d’une même page (en règle générale). Normalement, si nous avons été suffisamment clairs – ce qui n’est pas certain mais possible – vous devriez vous jeter sur cette formidable fonctionnalité en finissant l’article.
Timeline oriente ses visiteurs à l’aide de cet outil, et comme vous pouvez le voir, ça en jette.
Images liées
Les images captivent l’attention et attirent les clics. Lier vos images à des pages internes de votre site vous permet d’organiser votre contenu de façon visuelle et d’indiquer le chemin à vos visiteurs de façon originale et élégante – vous pouvez également renvoyer vers des sites externes si le cœur vous en dit. Les perfectionnistes d’entre vous peuvent utiliser des boutons image qui changent de design au passage de la souris et après clic. Croyez-nous sur parole, les images peuvent s’avérer être d’excellents outils de navigation.
Les créateurs du site Ilek ont su faire bon usage des images pour mettre en valeur leurs services.
CTA
Non, ce n’est pas le sigle du Centre Technique d’Aubevoye – enfin, aussi, mais que viendrait faire un technocentre automobile dans ces lignes – mais du terme Call To Action ou pour traduire littéralement, Appel à l’action. Comme vous l’avez deviné, un CTA est une indication qui invite à effectuer une action spécifique sur votre site: Acheter, S’inscrire, Découvrir, En savoir plus etc. Généralement présentés sous forme de boutons, vos appels à l’action peuvent être comparés à des raccourcis qui aident vos visiteurs à accéder directement à l’objet de leur visite. Par exemple, plutôt que de les renvoyer vers une page contact afin de leur proposer de vous laisser leurs coordonnées, placez en évidence un bouton d’inscription ou de contact sur votre page d’accueil. Vous pouvez utiliser une fenêtre pop-up avec un formulaire, ou encore une application d’inscription.
Le site Jeu te soigne – qui est par ailleurs, tout à fait charmant – utilise les CTA avec beaucoup de subtilité.
Site Wix : Jeu te soigne
Navigation commune
Ce conseil est probablement le plus utile de cette sélection. En intégrant dans votre pied de page ou encore sur le coté de votre site des informations et liens utiles pour vos visiteurs, vous leur présentez d’emblée un aperçu de l’ensemble de son contenu en un regard – comme sur ce blog à droite ou en bas de page. Ces menus de navigation commune feront alors usage de plan et vous permettront de détailler tous les renseignements que vous ne pouvez intégrer dans votre menu horizontal “classique”.
Le site Actinvision présente un pied de page très complet.
Site Wix : Activision
Astuces complémentaires:
Vérifiez vos liens : il essentiel de vérifier que tous vos liens sont à jour régulièrement. Google n’aime pas les liens cassés et entre nous, ça ne fait pas très pro.
Utilisez une barre de recherche : en intégrant une barre de recherche sur votre site vous facilitez considérablement la navigation de vos visiteurs.
