All Notes
Web Design·4 min read·

How to Hide Yoast SEO Breadcrumbs in WordPress (Three Ways)

Preston Vawdrey

Preston Vawdrey

Full Stack Marketer

Yoast breadcrumbs are good for SEO. They show Google your site's hierarchy and they help users navigate back up the tree. They also look terrible on a lot of themes. If your theme shoves them above a hero image, or duplicates them with a built-in breadcrumb component, you probably want them gone visually while keeping the SEO benefit.

Here are the three methods I use in order of preference.

Method 1: Hide Them With CSS

This is what I do nine times out of ten. The breadcrumbs stay in the HTML for search engines, but they disappear from the page.

Open Appearance > Customize > Additional CSS in your WordPress admin and paste this:

.yoast-breadcrumbs,
#breadcrumbs,
.breadcrumb {
  display: none !important;
}

The exact selector depends on your theme. Right-click the breadcrumb on your page, choose Inspect, and look for the class or ID wrapping the breadcrumb text. Replace the selector above with whatever your theme actually uses.

Why this method first: it leaves the structured data and HTML in place. Google still reads the hierarchy. Users do not see a janky breadcrumb bar.

Method 2: Turn Them Off in Yoast Settings

Some Yoast versions expose a Breadcrumbs toggle under SEO > Search Appearance > Breadcrumbs. Set Enable breadcrumbs to off and save.

This removes them completely, including the structured data. Only do this if your theme has its own breadcrumb component already firing schema markup. Otherwise you are dropping a small SEO signal for no reason.

Method 3: Remove the Theme Hook

If your theme manually calls yoast_breadcrumb() inside a template file, the CSS method will not help, because the breadcrumb is being inserted somewhere awkward. Open your child theme's header.php or single.php and comment out or delete the yoast_breadcrumb() line.

I list this third because most users do not have a child theme set up. Editing the parent theme means the change disappears on the next theme update.

Which Method to Pick

Default to method one. CSS hide keeps the SEO benefit and gives you control over where breadcrumbs appear visually. Use method two only if your theme already has a competing breadcrumb component. Use method three only if a template file is forcing breadcrumbs somewhere CSS cannot reach.

If you are running into other WordPress issues that are bleeding into your SEO, my walkthrough on SendGrid SMTP setup for WordPress solves one of the most common ones: email deliverability.

Let's Work Together

Whether you need a website, marketing strategy, or full-stack growth support, I'd love to hear about your project.