How to Hide Yoast SEO Breadcrumbs in WordPress (Three Ways)
Yoast breadcrumbs help SEO but look ugly on a lot of themes. Three clean ways to hide them without breaking the site or losing the SEO benefit.
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. And if you would rather have someone sweep the whole site for problems like these, that is what my WordPress SEO services are for.
More notes
Web DesignWordPress for Small Business: Still Worth It in 2026?
WordPress has been written off a dozen times. After building dozens of small business sites on it, my take is that it still earns its slot for the right project.
Web DesignAgency vs DIY Website Design: An Honest Comparison
I'm a web designer, so this take is biased. Even so, here's an honest look at when to hire an agency and when to just build it yourself.
Web DesignWordPress Web Design Beginners Guide: Setup and Best Practices
A simple WordPress web design guide for beginners. The three habits that prevent rookie mistakes and the four steps to launch a site from scratch.
Web DesignWeb Design and Marketing: Why They Have to Work Together
Most small business sites fail because design and marketing get treated as separate projects. Here's how I think about the overlap when I build sites that actually sell.
