Have you a WordPress website and facing the breadcrumbs issue in the Google Search console then you are in right place. Here we discussed with 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 a proper method 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 that how to fix the breadcrumbs issue in WordPress and also fix the breadcrumbs problem in Google Search Console.
Disable Breadcrumbs from Yoast Plugin
Fix 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”.
You have to open the “website dashboard”, go into the “Yoast plugin settings” (by clicking the SEO at the left side of the dashboard).
Click on “Search Appearance” into 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 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.
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, using “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).
Follow the above steps and make sure you enter the correct CSS code otherwise your WordPress breadcrumbs will not hide properly.
How to create 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”.
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:
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.
Breadcrumb issue 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.