Location-Based Breadcrumbs
Location-based breadcrumbs indicate the user's current position within the website hierarchy. This type of breadcrumb is commonly used in e-commerce websites to show the path from the homepage to the product page. For example: Home > Electronics > Smartphones > iPhone 14.
Attribute-Based Breadcrumbs
Attribute-based breadcrumbs provide additional information about the current page, such as product attributes or filters. For example, on an e-commerce site, the breadcrumb might display the selected color, size, or price range of a product. Example: Home > Electronics > Smartphones > iPhone 14 (Color: Black, Storage: 128GB).
Path-Based Breadcrumbs
Path-based breadcrumbs show the exact path a user has taken to reach the current page. This type of breadcrumb is less common, as it can vary for each user and may become cluttered. Example: Home > Blog > Technology > Article Title.