Skip to main content

Some links on this post may link to affiliate pages that offer compensation to the author of this post.

What are Yoast SEO Breadcrumbs?

Yoast SEO is a plugin for WordPress that provides the ability to improve your SEO on your website. One of the ways it does that is with the use of breadcrumbs to help users and search engines index your website. Breadcrumbs are small bits of text, usually placed near the top of a web page, and they show visitors where they currently are.

How to Remove Yoast SEO Bread Crumb Icon From WordPress Admin Bar

The Yoast SEO plugin is one of the most popular plugins for WordPress. It is used by millions of site owners to optimize their content and make it more search engine friendly.

The plugin comes with a breadcrumb option that shows up in the admin bar on the left-hand side of your WordPress dashboard.

This article will show you how to remove this icon from your WordPress admin bar.

Disable the Yoast Breadcrumbs Effect in WordPress’ Classic Editor Mode

The Bread Crumb effect is a feature in WordPress that helps you navigate through your website. It is displayed as a list of links that show the path you took to get to the current page.

This article will show you how to disable the breadcrumbs effect in WordPress’ classic editor mode so that it does not show up on your site.

Step 1: In your WordPress admin panel, go to Settings > Writing and then click on “Screen Options”.

Step 2: Scroll down till you see “Breadcrumb trail” and uncheck the box next to it.

Disable the Yoast Breadcrumbs Effect in WordPress CSS Code:

The breadcrumbs effect is a term used to describe the tendency of users to click on the navigation links at the top of a page before they have finished reading the content. The term was coined by Jakob Nielsen in 1994 and has been studied extensively by web usability experts.

There are several methods that you can use to disable this effect in WordPress. One way is to use CSS styling for your navigation links by adding display: none; or visibility: hidden; property in your stylesheet. This will hide them from view but still keep them accessible for search engines.

Make sure you find the ID or class of the breadcrumbs effect by right-clicking on your website in the breadcrumbs area and identifying it in your browser’s developer tools.

Conclusion and Additional Resources for Increasing Your Website’s Search Engine Rankings

I hope this article helped you hide or disable the Yoast Breadcrumb effect on your website. If you still need some assistance, I have created a basic tutorial using my own website down below:



Paste this code in your wordpress customizer
/*paste this code inside your wordpress CSS customizer */ .yoast{ display: none !important; }

Thanks for reading to the end of this post. If you find the information I provide to be helpful, please consider subscribing.

This field is for validation purposes and should be left unchanged.

Disclaimer: None of the information presented on this site constitutes legal, business, tax, or medical advice. In each scenario, it’s recommended to first chat with a medical, legal, business, or tax professional before making any decisions.

Leave a Reply

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