How to create good breadcrumbs and add them to a website
What is a breadcrumb navigation
Generally, a navigation panel is implied in sites that contain three or more levels of nesting. Middle-sized blogs and online business cards that contain only several pages do not require breadcrumbs; although the decision depends on the peculiarities of a certain site and the targets it aims.
Breadcrumbs allow users to understand their recent location on a website clearly and make it easy to return to one of the previously viewed categories. Using breadcrumbs for interlinking increases the level of navigation and inner optimization of your site.
High-quality breadcrumbs fully match site design and make all page names clickable except the recently viewed one.
Types of breadcrumbs
Location-based breadcrumbs
Use of location-based crumbs is especially convenient while viewing a catalog: they allow taking a step back from a product card to bigger categories and proceeding to browse. This approach helps to keep potential clients on your site and to ensure a deep site examination. These advantages improve behavior factors and result in high positions in search results.

Backward-pointed breadcrumbs
This button goes well for online shop owners and multi-filter sites. Clicking "Back" button usually resets the applied filters that oblige to go through filter selection again. As a result, a client-to-be may prefer a more convenient website. The"Back" button should be implied to solve this problem and provide an opportunity to step back.

Attribute-based breadcrumbs

Combined breadcrumbs
Combined breadcrumbs are undeniably useful because every type of crumbs has a certain function: one aims site structure and another one - browsing history. Thus, combined, they provide convenient navigation and make users happy which brings the site to the TOP and guarantees good sales.

Path-based breadcrumbs
Important points to remember while creating breadcrumbs



How to create breadcrumbs in WordPress
This system of content management requires manual implementation of breadcrumbs or plugin installation.
Breadcrumb NavXT is one of the most convenient plugins which can be downloaded in WordPress administration panel. To make it function you should write in the plugin code into the required WordPress templates:
<div class="breadcrumb">
<?php
if(function_exists('bcn_display'))
{
bcn_display();
}
?>
</div>
Article templates and static pages samples can be managed in "Posts and pages" tab. In addition, here you can manage the hierarchy in details. Thematic area, tag, and entry format settings are available in "Taxonomies" section.
Another option is to imply HTML-breadcrumbs that do not require any special plugins. The major advantage of this method is a minimum overhead, shorter code size and an opportunity to adjust navigation panel for the tariffs that do not include plugin use.
This variant is ideal for small and middle-sized sites; however, it is not quite suitable to write in breadcrumbs manually for major resources. The reason for this relies on rather complicated and hardly-visualized coding; codes that can be found on the Internet may be out-of-date and incorrect.
Conclusion
Recommendations:
● use location-based and backward-pointed breadcrumbs;
● ensure perfect matching of the navigation panel and site design;
● use simple text instead of a link for the mainpage;
● avoid use of breadcrumbs on the homepage.
Create breadcrumbs yourself or use special plugins. If you use CMS, the second variant is more preferable as managing WordPress without plugin requires profound knowledge.
This article is a part of Serpstat's Checklist tool

Try Checklist now |
Speed up your search marketing growth with Serpstat!
Keyword and backlink opportunities, competitors' online strategy, daily rankings and SEO-related issues.
A pack of tools for reducing your time on SEO tasks.
Cases, life hacks, researches, and useful articles
Don’t you have time to follow the news? No worries! Our editor will choose articles that will definitely help you with your work. Join our cozy community :)
By clicking the button, you agree to our privacy policy.