Composant de navigation secondaire qui affiche le chemin hiérarchique de la page courante depuis la racine du site. Chaque niveau est un lien cliquable séparé par un délimiteur (souvent > ou /). Le breadcrumb ne montre pas l'historique de navigation mais la position dans l'arborescence. Il tire son nom du conte de Hansel et Gretel où les enfants sèment des miettes de pain. Le dernier élément, non cliquable, représente la page actuelle.
Le breadcrumb se place en haut de page, sous la navigation principale. Il est particulirement utile sur les sites profonds (plus de deux niveaux) et les catalogues produit. Google l'affiche dans les résultats de recherche quand le balisage Schema.org BreadcrumbList est présent. Sur mobile, seul le niveau parent direct suffit généralement. Ne jamais l'utiliser comme navigation principale : c'est un repère, pas un menu.
Amazon affiche un breadcrumb sur chaque fiche produit : Accueil > Électronique > Audio > Casques. Ce composant génère un volume significatif de navigation interne selon leurs données publiques.