How to Solve Breadcrumbs issue in Google Search Console? (Updated 2023)

If have you a WordPress website and facing the breadcrumbs issue in the Google Search console then you are in right place. Here we discussed our own experience that will help you to solve the breadcrumbs issue in the WordPress website.

Recently, I changed my website theme and the breadcrumb issue occur in Google Search Console. Might be you are facing this issue and search for a proper method by which you can solve out breadcrumbs issue. We will fix the breadcrumbs issue in WordPress with the help of three methods:

  • Disable Breadcrumbs from Yoast Plugin
  • Disable Breadcrumbs from WordPress Theme
  • By Adding the additional CSS Code.

We discussed step by step how to fix the breadcrumbs issue in WordPress and also fix the breadcrumbs problem in Google Search Console.

Disable Breadcrumbs from Yoast Plugin

Fixing the breadcrumbs issue by disabling breadcrumbs from the Yoast plugin is an easy task. You can easily disable it from the Yoast plugin and will not show again this issue in the Google Search console. Follow the instructions mentioned below then you will be able to fix the breadcrumbs issue:

  • Open the website dashboard
  • Go into the Yoast plugin settings
  • Click on “Search Appearance
  • Click on “Breadcrumbs
  • Then disable the “Breadcrumbs”.

Details:

You have to open the “website dashboard”, and go into the “Yoast plugin settings” (by clicking the SEO at the left side of the dashboard).

Click on “Search Appearance” in the SEO settings then click on “Breadcrumbs” and disable it. This way you can properly disable the breadcrumb from your WordPress website. Make sure you follow the all instructions mentioned above. Keep in mind sometimes this method doesn’t work because your theme breadcrumbs enable and can affect in Google Search Console.

So you have to disable breadcrumbs from your WordPress theme. This is a difficult task, it depends on your WordPress theme settings.

Disable Breadcrumbs from WordPress Theme

Disabling breadcrumbs from the WordPress theme is a difficult task but you can follow the instructions mentioned below then you will be able to disable breadcrumbs from WordPress Theme without any troubles:

  • Open the website dashboard
  • Go into the “Appearance
  • Click on “Customize
  • Find the breadcrumbs option and disable it.

Details:

You are thinking this was an easy task to disable breadcrumb from the WordPress website but it depends on your theme. Sometimes it can be difficult and you will not be able to find the breadcrumbs option so you have to find it by clicking one-by-one theme customize options.

In my case, use the “BlogMagazine WordPress theme” so you can follow me to disable breadcrumbs. In “Customize”, Click on “theme options” and disable all breadcrumbs one by one such as in “Post Options”, “Page Options”, “Archive Options”, “Blog/Home Page”, “Search Page”, and “404 Options”.

By Adding the additional CSS Code

Once you used the above methods and still facing the breadcrumbs issue in Google Search Console then you can use CSS code for disabling the breadcrumbs from your WordPress website. Follow the instructions then you will be able to insert CSS code for hiding the breadcrumbs from the WordPress website:

  • Open the dashboard
  • Go into the website “Customize
  • Click on “Additional Code
  • Then click on “Additional CSS
  • Enter the CSS Code (mentioned in the image).
Image via “By Adding the additional CSS Code”

Details:

Follow the above steps and make sure you enter the correct CSS code otherwise your WordPress breadcrumbs will not hide properly.

How to create the correct CSS code for hiding breadcrumbs? Follow the steps then you will be able to create a correct CSS code for hiding the breadcrumbs from the WordPress website:

  • Open the website (in Chrome Browser)
  • Press the right click and click on “inspect
  • Click on “Select an element in the page to inspect it
  • Cursor on “Breadcrumbs” and note the “Breadcrumbs class code”.

Details:

Copy the “Breadcrumbs class”, in my case the class is “dglib-breadcrumbs-wrapper”. Then you need to create a CSS code that is mentioned in the image:

.dglib-breadcrumbs-wrapper   {
display: none;
}

And copy the CSS code and paste it into the WordPress site with the help of the above Method. Make sure you copy the correct class and create the correct CSS code then you will be able to hide the breadcrumbs from the website.

FAQs

What are breadcrumbs in web design?

Breadcrumbs are navigational aids that display a website’s hierarchical structure, allowing users to easily understand their location and navigate back to previous pages.

How do breadcrumbs affect SEO?

Breadcrumbs improve SEO by providing better site structure, enhancing user experience, and allowing search engines to understand content hierarchy, potentially leading to higher search rankings.

What are common breadcrumbs issues in Google Search Console?

Common issues include invalid URL, missing field, missing or incomplete data, and duplicate values, which can negatively impact a website’s SEO performance.

Can I use a plugin to solve breadcrumbs issues?

Yes, using a dedicated breadcrumbs plugin or an SEO plugin with breadcrumbs functionality (e.g., Yoast SEO) can help resolve issues by automatically generating valid, structured data.

Final Thought

Breadcrumb issues can affect your website ranking and indexing so you have to issue this issue as soon as possible. Hope so you will solve the breadcrumbs issue with the help of these methods we discussed. According to my own experience, fixed the breadcrumbs issue in WordPress plus Google search console with the help of three methods that we discussed in this article. Still have you any quires related to the content, can ask through the comment box.

Related posts

Why Local SEO is Essential for Small Business Growth

Why California Businesses Need SEO and PPC for Growth in 2024

SEO Advertising Company: Boost Your Online Visibility and Traffic