Current location - Recipe Complete Network - Dietary recipes - What is breadcrumb navigation?
What is breadcrumb navigation?
The concept of breadcrumb navigation comes from the fairy tale Hansel and Gleiter. When Hansel and Gleiter were walking in the forest, they got lost by accident, but they found crumbs scattered all the way to help them find their way home. So the function of breadcrumb navigation is to tell visitors where they are in the website and how to get back.

Although breadcrumb navigation is not an important part of your website, I think breadcrumb navigation is a good way to improve your friendly experience. The word breadcrumbs comes from a famous fairy tale, in which Hansel and Gleiter got lost in the forest, but later they found their way out through breadcrumbs scattered on the road. So what does breadcrumb navigation do for your website?

Bread crumb navigation is a secondary part of your website. It usually appears below the main navigation, at the title bar or at the top of the page. The location of breadcrumbs must be easy for visitors to find, because search engines only guide visitors to your site, breadcrumb navigation can help visitors know where they are now, and can take visitors to more advanced pages. Bread crumb navigation can improve the usability and functionality of the website, and can also display the hierarchical structure of the website.

Structure, visitors can reach other pages without too many extra clicks.

In order to prevent getting lost in the forest, experienced people will mark it with a knife or red rope at regular intervals on the way to prevent getting lost.

If you don't understand the above example, you can go to see a fairy tale: Hansel and Gretel.

Users may get lost when visiting large websites without clear navigation, which greatly reduces the user experience.

When optimizing a website, we should not only pay attention to the basic details, but also the user experience is extremely important.

User experience is not only directly linked to pv, but also linked to the number of loyal users.

Main classification → primary classification → secondary classification → tertiary classification → … → final content page This is a typical breadcrumb navigation.

But generally speaking, it is composed of three layers: home page → columns page → content page.

These are also the three most basic structures? It is also indispensable.

Besides being good for your visitors, breadcrumb navigation is also important for your website. According to the research, breadcrumb navigation can improve the stay time of visitors, reduce the bounce rate and improve the conversion rate of websites. Bread crumbs can highlight your keywords. You can navigate through the anchor text of bread crumbs or point to the inner page to make your website more friendly to search engines. At the same time, breadcrumb navigation can increase the relevance of content, because they are a collection of keywords. Relevance is an important factor in ranking. Now that we know the function of breadcrumb navigation on the website, what kind of breadcrumb navigation are we familiar with? Today, the author will briefly share three breadcrumb navigation below.

One: breadcrumb navigation based on location

This type is the most common. This type of breadcrumb navigation can well point out the hierarchical structure between the current page and the whole website. This breadcrumb navigation can display links to the previous page or the current page directory. Visitors can know their location and find the page they want to reach more quickly. The friendly experience of users can be improved.

Second, breadcrumb navigation based on attributes.

This breadcrumb navigation most often appears in e-commerce websites. This breadcrumb navigation can well point out other attributes or categories of products in the current page. For a product, there is often more than one attribute, and this breadcrumb navigation can make consumers have a more intuitive understanding. The picture below shows an e-commerce website selling cars. An SUV not only belongs to the attribute of 20 10, but also has other attributes such as price and color. If you use this kind of navigation, visitors can find the information they want more easily.

Thirdly, breadcrumb navigation based on path.

This breadcrumb navigation is the least common. This breadcrumb navigation is very similar to the fairy tale type mentioned above. They can display links to web pages that visitors have visited before they arrive. This breadcrumb navigation is not very popular because their functions are basically the same as the forward and backward buttons. The function of breadcrumb navigation

1. Let users know the current location and the location of the current page in the whole website. 2. It reflects the architecture level of the website, and can help users learn and understand the content and organization of the website quickly, thus forming a good sense of location. 3. Provide quick access at all levels to facilitate user operation. 4.Google has integrated breadcrumb navigation into search results, so optimizing the names of breadcrumb navigation at each level and using more keywords can achieve SEO optimization. The breadcrumb path is very helpful for improving the user experience.

Applicable conditions of breadcrumb navigation

Although breadcrumb navigation is popular in many websites at present, it is not suitable for all websites. Only websites that meet the following two conditions are suitable for breadcrumb navigation. 1. For deep-seated websites, breadcrumb navigation is suitable for deep-seated websites. If there is only one level of classification, the main navigation can play a role in rapid positioning. For example, the flat frame website of Douban. com has no breadcrumb navigation function. 2. Independent and non-intersecting website organization, because the breadcrumb website navigation path is linear, so the website content must be clearly divided and there is no intersection; Otherwise, the breadcrumb navigation path is not unique, and the same classification may appear in different paths, confusing users.