KafleG

About WordPress | Travel | Technology

How to fix breadcrumbs markup in WordPress?

Do you have a WordPress website and you are getting fix breadcrumbs markup error message from Google Search Console?

Are you worried about how to fix the breadcrumb issue and get rid of the Google search console error message? Here, I am going to show you an easy method to fix it.

This post is mainly for theme developers who are worried and looking for the best solution for this.

So, let’s get started!

Solution for Users

Today, one of my theme users asked me that he got an error message about breadcrumb and asked for the solution. I was aware of that issue and told him that, please update the theme and the problem will get resolved.

Next day, he came back again and thank me. Finally, the problem is solved.

What was there in the theme update?

Actually, there is a breadcrumb library made by one WordPress developer but it is not regularly updated. Thus, those who are using that library, it’s time to update that library yourself or look for the alternative theme.

I know that you are not able to update the code. So, I suggest you use the theme which is really perfect for Search Engine Optimization and no issues with the Google search console.

You probably saying, “hey, name that theme.”

The themes we developed from Template Sell are perfect. We have blogs, magazines, and corporate themes. So, you can use any of the themes based on your need.

Here, I am going to show you which option is available in the theme so that you will get rid from fix breadcrumbs markup issue.


Install Polite Theme

Polite theme is a masonry layout WordPress blog theme. It has tons of useful options to customize your site. If you are a blogger and want to start a WordPress blog or redesign your existing site, then you can go with Polite.

Well, here I am going to show you about breadcrumb issue. For that, let’s install the theme Polite.

  • Go to your WordPress Dashboard
  • From Appearance > Themes > Add New
  • Search the theme Polite
  • Click on Install and then active.

Theme is successfully installed and activated.

Now what?


Install SEO Plugin

Now, you need to install an SEO plugin that helps you to extend the theme functionality. Here I recommend Rank Math plugin.

  • From your WordPress dashboard, go to Plugins
  • Click on Add New
  • Search plugin Rank Math
  • Click on Install and then activate.

After that, you will see a setup wizard. go through it and complete it. That is really a simple step.

It’s time to enable the plugin breadcrumb now.

  • From the Rank Math menu in the admin panel, go to General Settings and Breadcrumbs.
  • Enable the Breadcrumb.

Next, you need to check the setting on the theme.

Enable Polite Theme Breadcrumb

This theme has breadcrumb settings under customizer.

  • From Appearance > Customize > Polite Theme Options > Breadcrumb Settings.
  • Enable Breadcrumb and select Rank Math Plugin.

If you check your site, now the breadcrumb will appear like this.

Check your search console now. You will not get that error again. Isn’t this amazing?


Solution for Theme Authors

Hello theme authors!

If you are looking for the solution, you can download Polite theme and check the code. Here, we added the compatibility for Rank Math, Yoast SEO and Breadcrumb NavXT plugin.

We have settings under theme options to choose. Based on the users choice, the breadcrumb will appear. If users have Yoast SEO plugin, then the Yoast SEO breadcrumb will appear.

Use the following code in your theme template files to display breadcrumbs if you want to display Rank Math breadcrumb.

<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>

For Yoast SEO, you can add theme support in functions.php file inside after_setup_theme.

// Add support for Yoast SEO Breadcrumbs.
add_theme_support( 'yoast-seo-breadcrumbs' );

To get breadcrumb in template file, use this code.

<?php if (function_exists('yoast_breadcrumb')){ yoast_breadcrumb(); } ?>

I believe that you are now able to fix this issue and update your theme soon.

Conclusion

Are you satisfied with this post and able to get rid from the problem?

Please write your feedback in the comment section below. It really motivate me to write about similar things in coming days.

If you have any problem while integrating into your theme, don’t hesitate to contact me. I will try my best to help you via all possible ways.

Also, check my previous blog about full site editing.

Have a nice time!

One thought on “How to fix breadcrumbs markup in WordPress?

Leave a Reply

Your email address will not be published. Required fields are marked *