Comment améliorer la navigation sur votre site web

Nous allons examiner de plus près 13 façons simples de concevoir une excellente navigation pour votre site web. Tilda offre une variété de blocs prêts à l'emploi avec des éléments de navigation que vous pouvez choisir pour rendre votre site web plus facile à utiliser.

Lorsque vous créez une barre de navigation, essayez de ne pas utiliser plus de 4 à 5 éléments et ne la surchargez pas avec de nombreux liens et éléments. Si vous n'avez pas d'autre choix que d'ajouter un grand nombre d'éléments de menu, vous pouvez utiliser le menu "hamburger" pour lui donner un aspect soigné.

Ces dernières années, de nombreuses personnes ont appris qu'en cliquant sur le logo d'un site web, elles accédaient à la page d'accueil. N'hésitez pas à supprimer le bouton "Accueil" de votre menu et n'oubliez pas d'attribuer un lien au logo.

Si vous avez une longue page avec beaucoup d'informations, ajoutez un menu avec des liens vers les sections de la page - cela rendra la navigation intuitive et fera gagner du temps à vos visiteurs.

Pour créer un menu pour un site Web d'une page sur Tilda, collez les numéros de bloc correspondants dans les champs de lien de chaque élément de menu dans le panneau Contenu du bloc (trouvez le numéro de bloc en bas de son panneau Paramètres), ou utilisez des liens d'ancrage.

Pour ajouter un menu fixe à un site Web Tilda, cliquez sur le bouton "Paramètres" dans le bloc de menu, puis allez dans "Paramètres principaux" et sélectionnez "Fixe" sous COMPORTEMENT DE LA POSITION DU MENU.

Sur Tilda, vous pouvez personnaliser la façon dont l'élément de menu actif est mis en évidence : vous pouvez modifier le poids de la police, l'opacité et la couleur. Vous pouvez également le souligner ou le barrer.

Les mêmes paramètres peuvent être appliqués à l'élément de menu au survol. N'en faites pas trop ! Une ou deux options suffisent pour mettre en évidence un élément de menu.

Sur Tilda, les points de navigation sont accompagnés d'infobulles présentant les noms des sections afin d'aider les utilisateurs à naviguer sur le site web. Vous pouvez trouver le bloc "Dot Navigation" (ME604) dans la catégorie "Menu".

Le bloc "Animation de chargement de page" se trouve dans la catégorie "Autres" (code de recherche T228). Pour activer la barre de chargement, placez le bloc tout en haut de la page.

Vous pouvez définir la couleur de l'indicateur de chargement dans le panneau Paramètres du bloc. Il est préférable de choisir une couleur contrastée pour la barre afin qu'elle ressorte sans se confondre avec la couverture de la page et le menu de navigation.

Une barre de progression du défilement de la page est un outil de navigation fin qui permet de visualiser le degré de défilement de la page par l'utilisateur. Elle aide également les lecteurs à estimer la longueur de la page et à déterminer facilement l'endroit où ils se trouvent. Il est judicieux d'utiliser la barre de défilement lorsque la page est plus longue que 3 ou 4 écrans.

Pour ajouter un indicateur de défilement sur Tilda, utilisez le bloc T333 "Barre de progression de la lecture de la page" de la catégorie "Autres". Vous pouvez modifier la couleur et l'épaisseur de la barre de progression dans les paramètres du bloc.

La façon la plus simple de mettre en valeur un bouton est d'utiliser une couleur vive pour l'arrière-plan. Il doit clairement contraster avec le bouton moins important qui se trouve à côté. Envisagez d'ajouter une fine bordure et de rendre l'arrière-plan transparent, ou d'ajouter une couleur d'arrière-plan neutre pour le second bouton.

Sur Tilda, en plus des paramètres de style de bouton standard, vous pouvez modifier l'aspect du bouton lorsque les utilisateurs le survolent. Ajustez la couleur de l'arrière-plan ou de la bordure, choisissez la couleur et le poids de la police, ajoutez une ombre et modifiez la vitesse des effets d'animation au survol.

Il est conseillé de préciser le nombre d'éléments cachés derrière le bouton.

Il existe plusieurs façons de cacher votre contenu :

Il est utile lorsque les utilisateurs doivent naviguer dans de longs articles ou des pages d'atterrissage comportant de nombreuses sections et leur permet d'éviter un défilement long et fastidieux.

Trouvez le bloc "Bouton de retour en haut de page" dans la catégorie "Formulaire et bouton" ou recherchez-le par le code BF702.

Le bas d'une page d'atterrissage est le bon endroit pour répéter l'appel à l'action. Si la page contient un article ou un billet de blog, vous pouvez ajouter des liens vers des articles similaires à la fin. Les blocs issus des catégories "Tuiles et liens" et "Index" de Tilda vous aideront à éviter les impasses frustrantes.

Les titres de section aident l'utilisateur à naviguer sur le site web en regardant la barre d'adresse et ont un impact positif sur la pertinence de la page.

Les URL conviviales et significatives sont également connues sous le nom d'URL "propres" ou "jolies". Une URL "propre" est composée de mots faciles à comprendre, contrairement à une adresse système confuse (sur Tilda, par exemple, l'adresse système ressemble à ceci : /page4652188.html).

La première partie (https://) est appelée protocole et indique la méthode utilisée pour accéder aux ressources Internet. Le protocole de transfert hypertexte (HTTP) est le plus couramment utilisé.

La deuxième partie de l'URL est le nom de domaine, l'adresse qui permet aux utilisateurs de trouver votre site web sur l'internet. Si vous avez un site web de plusieurs pages, www.mysite.com sera l'adresse de votre page principale. Toutes les autres sections et sous-sections seront ajoutées à cette adresse à l'aide d'une barre oblique.

Si vous avez un site web d'une page - une page d'atterrissage contenant des sections, par exemple - il est préférable d'utiliser des liens d'ancrage avec des noms clairs, tels que #about ou #contacts, car ils sont également affichés dans la barre d'adresse.

Sur Tilda, vous pouvez modifier l'URL de la page dans les Paramètres de la page. Si vous souhaitez utiliser plus d'un mot dans l'adresse de la page, séparez les mots par un tiret "-". Par exemple, /about-us.

Les fils d'Ariane sont généralement situés en haut de la page et visualisent le chemin entre la page d'accueil et les autres sections du site web. Chaque élément (nœud) de la chaîne de navigation est une section précédente cliquable.

Si l'utilisateur a atteint la fin de la chaîne, il peut utiliser les fils d'Ariane pour revenir directement à la page d'accueil ou à toute autre section en un seul clic. Si un visiteur arrive sur une section spécifique de votre site web (en contournant la page d'accueil), il peut rapidement comprendre sa structure en consultant les fils d'Ariane.

Les fils d'Ariane sont le plus souvent utilisés sur des sites web de grande envergure, à la structure complexe et comportant de nombreuses pages. Par exemple, dans les boutiques en ligne qui proposent de nombreuses catégories de produits.

Pour réaliser une navigation en fil d'Ariane sur Tilda, vous pouvez simplement ajouter un bloc dédié de la catégorie "Menu" - ME605 "Fil d'Ariane" - à votre page. Placez-le juste sous la couverture de la page, puis spécifiez le nom de chaque élément (nœud) et ajoutez un lien correspondant. Vous pouvez dupliquer le bloc d'une page à l'autre en ajoutant les nœuds un par un pour créer des fils d'Ariane.