Implement Yoast SEO breadcrumbs on generatePress theme

Implement Yoast SEO Breadcrumbs in Free GeneratePress Theme

 Breadcrumbs are helpful to navigate users from the current post to a category page or the homepage and browse more content of your website. in this article, you will get the step-by-step process on how to implement the Yoast SEO breadcrumbs in the free GeneratePress theme.

 It makes your site more user-friendly and also helps Google understand your site structure.

It answers the users to find the following Questions.

Where am I?

The Breadcrumbs help users to know their exact location concerning the site hierarchy.

Where can I go?

It is easier to understand site structure by Breadcrumbs than the menu.   

Google will Show the Breadcrumb pathway on the SERP beneath the Title. 


Benefits of Breadcrumbs

• Reduced Bounce rate

Breadcrumbs entice people to explore the website and make them stick to your website. 

When visitors arrive at your website from Organic search results or paid search results, they see breadcrumbs and click on it to check more related products or posts. This way they spend more time on your site. 

• User experience 

Users randomly click on headlines and images that leading them to other webpages and forget their intention to visit your site.

Breadcrumbs help users to get back to a higher-level page.  it is easier than clicking Browser’s “Back” button dozens of times.

• Impact on Goggle

The Google Search Engine uses the Breadcrumbs rather than URL. So, it has a positive impact on the Search Engine. Google recommends using Breadcrumbs if you have proper site Architecture.

Read also: how to Create SEO friendly website Architecture?


Step-by-Step Process to Implement the Breadcrumbs

Step 1 Copy the Breadcrumb code provided by Yoast. 

Copy below code that is also available on the Yoast’s website. link is here.


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

Step 2 Open theme editor

Now, Go to the Theme editor. The theme editor is available at the left column Appearance » Theme Editor.

Step 3 Select single.php to show breadcrumbs on all the posts

Here, you need to decide where you want to show the breadcrumbs. You can show the breadcrumbs on all the posts or pages or both pages and posts. 

Single.php: paste the code inside the single.php file to show the breadcrumbs on only posts. 
Page.php: paste the code inside the Page.php file to show the breadcrumbs on only pages.

Header.php: it is easier to implement the breadcrumbs with the header.php file. just paste the code at the end of the file. the breadcrumbs will appear on both pages and posts.

Generally, breadcrumbs are not necessary for pages. Apply code on either single.php or header.php file.

Step 4 Paste the code at the end of first canonical PHP Tag

To show breadcrumbs on all the posts select the single.php from Theme Files.

Now, you can paste that copied breadcrumbs code just below the first canonical PHP Tag to add breadcrumb below the header of the website.  

paste the code after first canonical PHP Tag

Pasting the code after first canonical PHP tag, the Breadcrumbs appear below the Header. that’s where it is needed to be. 

Here, you can change the location of the breadcrumbs by putting the code at different locations.

 I pasted the code at the beginning of the single.php file. And, the breadcrumb appeared above the Header.

code at the beginning
code pasted at the beginning
Breadcrumbs appeared above the header
Breadcrumbs appeared above the Header

It is Easier to implement the breadcrumbs from the Header.php file. For that, just paste the code at the end of the header.php file. 

The Breadcrumbs will appear below the Header. And it will appear on both pages and posts.

Now, the code is available in the theme file. but, the breadcrumbs will not appear until you set up and enable the Breadcrumbs from Yoast SEO settings. follow the process given below to enable and customize the breadcrumbs.

Setup and enable the Yoast Breadcrumbs

To set up the Breadcrumb Go to (Yoast) SEO »  Search Appearance » Breadcrumbs.

Breadcrumb setting

Breadcrumbs settings

Enable the Breadcrumbs.

Choose and select the separator between breadcrumbs.

Taxonomy to show in breadcrumbs for content types

Select Category in posts to include category page in breadcrumbs.

Save changes.

  That’s it. 

The Breadcrumb implementation process is completed.

Change the Breadcrumbs Pathway

The Breadcrumbs pathway represents the site hierarchy. To make SEO-friendly website architecture, it is necessary to optimize the breadcrumbs pathway.

changing the breadcrumbs pathway is easy. Change the category of the post.

In order to show both child and parent category, select the child category as a primary category.

It is good practice to experiment with selecting the categories, to get the right pathway. 

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.