What is Breadcrumbs ? How to add it in website?

What is Breadcrumbs?

Breadcrumb:- A set of links that helps the user to understand and navigate a website hierarchy.

Basically, a Breadcrumb tracks the users that how they are interacting with the website. It records each and every pages viewed by users and show it on the website too.

It can be seen at the just below to the header part of the website in horizontal form.

website breadcrumb


Google shows it in SERP too if the particular website is using breadcrumbs.

serp breadcrumb


Breadcrumbs are important part of any big website. It is not only helpful to the Google but it is also beneficial for users who are interacting with the website.

Types of Breadcrumbs:-

There are 3 types of Breadcrumbs

Location:- These breadcrumbs are static and tells about the page location in the website hierarchy.

location breadcrumbs


Attribute:- These types of Breadcrumbs provide the information about the current page category and how it is connected to the same page.

attribute breadcrumb

Path:- These Breadcrumbs tells the how a user is moving in your website and show the history of user’s interaction with the pages.

path breadcrumb


How it is Useful?

Basically it is a great idea to use when you have a heavy website having millions of pages. It provides an easy way to go back to previous pages if the users want. Google also supports this method and loves those websites who are having this.

How to Add Breadcrumbs

You can add Breadcrumbs in your website in different ways. If you are using WordPress, there are many plugins are available who support this. The Yoast plugin is the best in this case; and as it provides many other services too. Yoast offers the easy way to add the breadcrumb to your website. It provides the following code to add your website to use the breadcrumb to your website. You can add this code inside the page.php, single.php or end of the header.php files.

After adding thins code inside your website you need to go to Advanced setting of Yoast plugin and follow the instructions there.

But if you are using different CMS then it needs to add code in your website.

For HTML, you can add following code to your website. See the code:-

       <a href=”http://www.abc.com/seo”>SEO</a> ›
       <a href=”http://www.abc.com/on-page”>On Page</a>
       <a href=”http://www.abc.com/seo/on-page/headers”>Headers</a>


You can get more help from developers.google.com .

Hope this article will help you.

Read Also:- Google Ranking Factor 2018