Hello Everyone. Today I was reading about the importance of various components of a web page. Importance of our site’s components shown by the SERPs of various search engines. Components like Headers, Nav Menus, Sidebars, Headings, Breadcrumbs, Author’s Profile Image (on SERPs), Footer and many other are some of the most handy components of a web page. The one component or set of components out of all that interests me on both web page and SERPs are Breadcrumbs. I love the way they represent a long URL into a symmetric hierarchical form. We see breadcrumbs on both web page and SERPs if enabled properly. Breadcrumbs hide the long slug of the article from its URL and instead of it we see hierarchical categories or tags or labels related to it.

Simplest Way to Enable Yoast Breadcrumbs in Genesis

What are Breadcrumbs?

You can suppose Breadcrumbs as food that can not be neglected from a good SEO perspective. Breadcrumbs allow search engine crawlers to move over more of the website. Breadcrumbs have been a part of the game from Google from 2008. So SEO enthusiasts simply can’t ignore the power of Breadcrumbs.

Breadcrumbs on Google SERP
Breadcrumbs on Google SERP
Breadcrumbs on Web Page
Breadcrumbs on Web Page

How to Enable Yoast Breadcrumbs in Genesis?

WordPress SEO Plugin by Yoast is the best plugin so far for enabling Breadcrumbs in WordPress. Though if you are using Genesis Framework on your site then it’s very simple to enable Breadcrumbs in WordPress with just one click. Oh one thing for you, if you are one of those who are facing issue with Genesis Breadcrumbs after installing Yoast SEO Plugin, then I have that problem’s solution too. Check:

» Genesis Breadcrumbs not showing after Installing Yoast Plugin?

Specialty of Yoast Breadcrumbs is that they totally follow all the rules, regulations and attributions given by schema.org for perfect build up of Breadcrumbs on both web page and SERPs.

Basically Breadcrumbs can be found in Yoast Plugin in the “Internal Links” section. Task is almost done after ticking the check box “Enable Breadcrumbs” and selecting the best suited taxonomy for your site. But still some work is left to do. Now you need to tell Breadcrumbs that if the code function exists then they have to show up. You can find function below the internal links section of plugin. It looks something like this:

Yoast Breadcrumbs Function Code

Now the question is “Where to place the Yoast Function Code?”. Well the correct spot is the file that is responsible for all the pages like Post, Static, 404, Search, Archive, Category ans Tag on you site. My this article is all about enabling Yoast Breadcrumbs in Genesis Framework so I’ll discuss a trick that will be related to it.

For the ease of customization, Genesis have made separate files for individual page type. So it is not possible to open up all of them and place the code in them. Also it is not recommended to alter the Parent Framework files as the changes will automatically be overridden upon next update. That’s why we have child themes. But mostly all Genesis Child themes contains only function.php, style.css and screenshot file and moreover sometimes landing_page.php. So what’s the solution. Where to place the code to get the job done.

Don’t worry friend I’m writing this article because I have got the solution to this problem. I was also the one of those who struggled a lot for Enabling Yoast Breadcrumbs in Genesis as placing code in Child Theme’s function.php file won’t also work.

TRICK:

Mostly everyone places Breadcrumbs just beneath the Secondary Menu (if two nav menus exist). So we will target the menu.php file of your Genesis Framework without even altering the original core file 😉
We will use FTP for this purpose. We do use FileZilla for our FTP Purposes as they are seriously the best.

(Always take Backup of your Complete WordPress Database and Files before editing any file).

STEP 1.

Open up your FileZilla Client and connect to the root directory of your WordPress install.

STEP 2.

Now navigate to wp-content >> themes >> genesis >> lib >> structure

STEP 3.

You will see menu.php file there. Download that file.

STEP 4.

Open the file, Scroll down and find this piece of code:

add_filter( ‘wp_nav_menu_items’, ‘genesis_nav_right’, 10, 2 );

You will find it around Line 164

STEP 5.

After successfully finding it, place this code just below the above found line:

if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb(‘<p id=”breadcrumbs”>’,'</p>’);
}

Now save the file.

STEP 6.

After saving it, upload this custom altered menu.php file to your Child Theme’s Folder.

DONE!

That’s it. Now feel the magic by going through your site’s pages. You’ll experience your new achievement.

NOTE: If you are using any caching plugins like WP Super Cache or W3 Total Cache then flush the cache after all the process. If you see any unfamiliar change in your site’s structure or layout then remove the custom menu.php file immediately or restore the backup that you have already taken.

Final Words!

If you have got any doubt while following the steps given above then don’t hesitate to ask it in comments section below 😉

13 COMMENTS

  1. Hello, I tried this but I still do not see the breadcrumbs appearing. I tried putting the modified menu.php in both the child theme’s main directory, as well as the lib subdirectory. In both cases I did not see any change to the page. Any ideas?

    • Make sure you enable breabcrumbs from both Genesis Theme Settings and Yoast Internal Links settings. I hope this will resolve your issue.

  2. Yes, that did it, thank you! One final question, I only seem to be getting the final level in my crumbs. So instead of Home >> Blog >> Post Title it goes from Home >> Blog to Home >> Post Title when I click on a specify post… how do I get it so that all levels will display in the crumbs?

    • It’s because you need to manually add your “Blog” page link to the Breadcrumbs trail. You can follow this article for the same: How to Add Blog link to Yoast Breadcrumbs Navigation?

  3. Hey Ritesh !

    your articles are very helpful for every blogger specially for the newbies like me.
    I am almost becoming regular reader of mashine.
    You are an Inspiration to me. Thanks for this useful guide!

    • Both of them follow schema.org rules and regulations so you can choose any of them. Here we use Yoast breadcrumbs because they are more flexible when it comes on making any new change.

  4. Hi, works great, good tip !
    I also use it with for page with the plugin “Post Tags and Categories for Pages” so the yoast breadcrumb displays the complete path with category to !

LEAVE A REPLY

Please enter your comment!
Please enter your name here