Contents
There are three types of Web breadcrumbs: Location: location breadcrumbs are static and show where the page is located in the website hierarchy. Attribute: attribute breadcrumbs give information that categorizes the current page. Path: path breadcrumbs show users the steps they took to end up on current page.
Breadcrumbs (or breadcrumb trail) is a secondary navigation system that shows a user’s location in a site or web app. Same as in fairy tale, visitors needs to know their location in the site’s hierarchical structure.
Do you need breadcrumbs on mobile?
On mobile, avoid using breadcrumbs that are too tiny or wrap on multiple lines. Share this article: Breadcrumbs are an important navigational element that supports wayfinding — making users aware of their current location within the hierarchical structure of a website.
Attribute based breadcrumbs simply show you the attributes a user has selected on a page. Such breadcrumbs find application on eCommerce category pages offered by most eCommerce platforms where users can select attributes to filter search results.
Breadcrumbs offer a direct way to the users to navigate to higher levels of category pages quickly. They are mainly helpful to the users that come through search engine page results (SERPs). Typically, these users don’t have an idea of the website structure. Breadcrumbs provide Google with another way to identify the structure of the website.
Which is an example of location based breadcrumbs?
At a basic level, humans earn their bread but yearn for breadcrumbs. Location based Breadcrumbs help a user go to a broader category (higher-level page) from the page they are on. Consider someone who is searching for a pair of desert shoes on Google, they find a search result and lands on one of your product pages.
With hierarchy based breadcrumbs the user can easily see where along the architecture of your site they are and easily move up to the higher level page. See how Best Buy does it. They serve the same purpose as the browser back button, letting a user go back to one of the previous pages they visited.