How to setup Breadcrumb in WordPress?

How to create Redirection in Wordpress

BREADCRUMB

What are breadcrumbs?
In simple english Breadcrumbs means ‘PIECES OF BREAD’

(Imagine how ants go after sugar cubes in a line. Breadcrumb in posts is something similar.)

For a website it means hierarchical series of hyperlinks displayed on a post or page or website, indicating its position in the overall structure of the website.
For Example- On a tech website there may be breadcrumb like, Tech News – Apple – iOS – iPhone
This shows that you are reading a post about iPhone which is under iOS, under Apple and under Tech News. Now if you click on iOS you can read all post related to iOS. If you click on Apple you can read all posts about Apple.

This is Breadcrumbs. This is how they look on a website.
Example of Breadcrumbs

Setting Up breadcrumb on your website.

USING YOAST SEO
A- You can do so by using Yoast SEO plugin. But automatically putting breadcrumbs requires modifying the theme code. For a beginner we do not recommend doing so.

B- You can add breadcrumbs in individual posts or pages using Yoast SEO by,
Click on ‘Y SEO’ in WordPress Dashboard left toolbar.
Click SEARCH APPEARANCE – BREADCRUMBS – ENABLE IT.

Now if you put the text, [ wpseo_breadcrumb ] (CLOSE THE GAP BETWEEN [ and w & b and ] )(see image below) in every post and page that you write, it will show the breadcrumbs. If you put this text on top of your post the breadcrumbs will show at the top of post. If you put this text in bottom of post/page it will show in the bottom.
You will have to put this in each individual post and page.
YOAST BREADCRUMB

 

 

USING BREADCRUMB NavXT
Install ‘BREADCRUMB NavXT’ plugin and Activate it.
If your theme is compatible then breadcrumbs will start showing automatically.
Else you will have to add code in you theme header. For a beginner we do not recommend doing so.

So if Breadcrumb NavXT is compatible then it is amazing. No need to look further. Else use the individual method (B-) using Yoast SEO which is explained above.

 

If you are comfortable modifying codes, then go to,
WORDPRESS DASHBOARD – HOVER MOUSE ON APPEARANCE – EDITOR – Click I UNDERSTAND WARNING – Look on the right side. You will see-
Theme Header
(header.php)
Theme Header

Click on it.

Now if you are using YOAST, consult this easy article. (See this Yoast Article) You just have to copy the code provided there and paste it in Theme Header.

 

If you want breadcrumbs using Breadcrumb NavXT follow the above steps and put the following code in Theme Header.

<div class=”breadcrumbs” typeof=”BreadcrumbList” vocab=”http://schema.org/”>
<?php if(function_exists(‘bcn_display’))
{
bcn_display();
}?>
</div>

 

For beginners best option are,
1- Use a theme that automatically supports Breadcrumb NavXT.
2- If unsure, check if theme supports Breadcrumb NavXT or not (by installing plugin and checking.) (or by reading theme description)
3- Theme has built-in breadcrumb function.
4- Use YOAST SEO and put Home » How to setup Breadcrumb in WordPress? below/top of every post and page. (Best method. Other methods will require time and experiments.)

No Comments

    How was the article? Leave a comment...

    Next
    ENABLING SOCIAL SHARING BUTTONS ON YOUR WORDPRESS WEBSITE & POSTS…