Le widget Breadcrumbs peut être ajouté à un site pour permettre à ses visiteurs de comprendre facilement où ils se trouvent et d'explorer le site efficacement. Cela améliore par conséquent le SEO du site. Le widget Breadcrumbs affiche la hiérarchie du site sur un parcours, en fonction de l'emplacement actuel de l'utilisateur. Les breadcrumbs ne doivent pas être utilisés sur des sites ayant des hiérarchies plates (seulement 1 ou 2 niveaux de profondeur). Dans ce cas, la barre de navigation peut clairement indiquer dans quelle section se trouve une page.
Les breadcrumbs affichent les noms des éléments suivants :
- Pages et sous-pages
- Dossiers
- Pages dynamiques
- Pages du store (pour le store natif)
Pour ajouter le widget Breadcrumbs :
- Dans le panneau latéral, cliquez sur widget.
- Cliquez et faites glisser le fil d’Ariane widget sur le site. Si tu fonctionne en mode Flex, pointez sur le conteneur et cliquez sur + pour sélectionner le fil d’Ariane widget.
Pour en savoir plus sur l'ajout de widgets sur votre site, consultez l'article Ajout de widgets.
Éditeur de contenu
Pour accéder à l'éditeur de contenu :
- Effectuez un clic droit sur le widget, puis cliquez sur Modifier le contenu.
- Sélectionnez les éléments que vous souhaitez voir apparaître dans les breadcrumbs. Vous disposez des options suivantes :
- Page d'accueil. Toujours afficher la page d'accueil dans les breadcrumbs.
- Page actuelle. Afficher la page actuelle dans les breadcrumbs.
- Masquer le fil d'Ariane lorsqu'il n'y a pas de page parent. Active les fils d'Ariane pour toutes les pages, sauf la page d'accueil ou les pages du premier niveau de navigation.
Éditeur de conception
Pour accéder à l'éditeur de design :
- Faites un clic droit sur le widget et cliquez sur Modifier le design.
- Dans la section Liens, sélectionnez les options de police et de texte.
- Sélectionnez un style de séparation pour le séparateur entre chaque page des breadcrumbs.
- Dans les sections Page actuelle, Survol et Dossier, sélectionnez une couleur et un format de police.
Pour obtenir des informations sur les options de design qui ne sont pas spécifiques à ce widget (la mise en page, le style et l'espacement, par exemple), consultez l'article Conception des widgets.