UXDE dot Net Wordpress Themes

How to add yoast breadcrumbs below menu bar

in Wordpress / 8 Comments

How to add Yoast Breadcrumbs

WordPress seo by Yoast plugin has many features and one of them is breadcrumbs.This is really a nice feature and has many advantages for visitors as well as bots(spiders).

Breadcrumbs are the best way to respresent your website navigation for users.It helps them to navigate your website easily.

Example of breadcrumbs(This is how they look on your website) : Homepage > Category > Post Name

Lets integrate breadcrumbs in your WordPress blog >>

How to add Yoast Breadcrumbs

  1. Login to your WordPress Admin >> Dashboard >> Appearance >> Editor
  2. On your right hand side you will find list of php files. Open Header(header.php).
  3. Press Ctrl + F ,copy get_header and search if this code is there in your header.php file,If yes Paste breadcrumbs code below <?php get_header(); ?> OR
  4. <?php if ( is_single() ) { ?>
    breadcrumbs code
    <?php } ?>
  5. If you didn’t find get_header,other way is: On your right hand side in editor section you will find list of php files. Open Single post(single.php).
  6. Follow Step 3 and Step 4 again.
  7. Click on Update file(Save)
(Warning : Don’t paste this code on any template,This can crash your website.Read above instructions properly)

Breadcrumbs code by Yoast

<?php if ( function_exists('yoast_breadcrumb') ) {
	yoast_breadcrumb('<p id="breadcrumbs">','</p>');
} ?>

Once Done.

Goto WordPress seo by yoast plugin >> Internal Links >>

Breadcrumbs Settings

Use the setting given below

Check Enable Breadcrumbs

Separator between breadcrumbs:  >>

Anchor text for the Homepage:  Home or Homepage Title

Prefix for the breadcrumb path:  You are Here »

Prefix for Archive breadcrumbs:  Archives for

Prefix for Search Page breadcrumbs:  You Searched for

Breadcrumb for 404 Page:  Page Not Found

Taxonomy to show in breadcrumbs for: Post : Select Category from Dropdown menu

Post type archive to show in breadcrumbs for: Check  it

Yoast Breadcrumbs Setting

Now your blog is enabled with breadcrumbs like me :

You are Here » BlogDum » WordPress » How to add yoast breadcrumbs below menu bar

Please share if you like :)

 

Reference :

http://en.wikipedia.org/wiki/Breadcrumb_(navigation)

http://www.usability.gov/articles/newsletter/pubs/112006news.html

http://psychology.wichita.edu/surl/usabilitynews/61/breadcrumb.htm

 

 

Share and Enjoy

  • Facebook
  • Twitter
  • Delicious
  • LinkedIn
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Shasha is an Internet Geek,Engineering Student and Research Analyst who loves wordpress,gadgets,seo etc.View Shasha on Twitter, Facebook, Google+, LinkedIn

  1. Naeem

    Thanks you man.. I really didn’t understand the breadcrumbs settings in Yoast seo plugin … You made me get it… Thanks again.. :)

  2. Boom

    Thank you. Was having trouble inserting Breadcrumbs into my WordPress site.
    Thanks for the thorough walk through. ;)

  3. KlausRo

    Thanks for this, obviously the Yoast code won’t work above the get_header section, you saved some of my time :) Thanks

  4. Walter Pinem

    thanks a lot, I’ve finally succeed of making it. I thought the code had to put of function.php. What a useful info :D

  5. Emmanuel

    Thanks for this. I was thinking of leaving the breadcrump section empty. Now, i have been enlightened about how to execute the issue.

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


3 + 8 =

Pinterest
Quantcast