What are the types of breadcrumbs in web pages? Many people have seen breadcrumbs in websites, so do you know what they are? Sometimes we will in order to balance the weight of the site or other purposes for the use of breadcrumbs, then you know how much breadcrumbs with is appropriate? Here not two net editorial and you talk about the type of breadcrumbs in the web page.

Types of breadcrumbs

Breadcrumbs are navigational components that exist based on the logical structure of a website, which can be displayed based on location, path, or based on attributes.

Location-based breadcrumbs

Location-based breadcrumb designs usually reflect the structural features of a website well. They present the site's hierarchical structure directly to the visitor, which contains multiple levels (levels are usually more than 2). This hierarchical presentation of breadcrumbs is a clear guide for users who enter the site from external sources (such as search engines).

In the BestBuy page below, the breadcrumbs show the hierarchy of the pages where the products are located.

Path-based breadcrumbs

Path-based breadcrumbs, also commonly referred to as "historical footprints," show not the structure of the site, but rather the complete path a visitor took to get to a particular page. This breadcrumb path is not static, but dynamically generated. Path-based breadcrumbs are sometimes helpful, but sometimes they can be confusing - some users navigate a website in a wildly divergent way, and path-based breadcrumbs help them keep track without having to look back through the history or use the browser's back button to return to a specific location. The path-based breadcrumbs will help them keep track without having to scroll through history or use the browser back button to return to a specific location. Additionally, path-based breadcrumbs are not useful for users who arrive at a specific location in a single visit.

What are the types of breadcrumbs in web pages? This is the introduction of the types of breadcrumbs on the web, and the breadcrumb navigation that we often see is the location-based breadcrumbs and the path-based breadcrumbs.