Home » How to Easily Implement Yoast Breadcrumbs in Avada

How to Easily Implement Yoast Breadcrumbs in Avada

Yoast Breadcrumbs provide the added bonus of automatically inserting Schema mark-up, leveraging an SEO best practice.

Video guide immediately below. For more detailed instructions, scroll down.

I use the Avada theme for many of my WordPress builds, and sometimes disable the Page Title Bar. Disabling it removes the theme’s breadcrumbs, a necessary element of good SEO.

You can get around this by using Yoast SEO Breadcrumbs. Avada says that to use Yoast SEO Breadcrumbs, all you need to do is enable them in the Yoast settings in your WordPress dashboard; however, I have found you need to add a bit of code to the page.php file before this is possible. Here’s how you do it:

1. Make sure you have:

  • Installed the Yoast SEO plugin
  • Made a back-up of your website
  • Installed and activated a child theme of Avada
  • Made a copy of the page.php file and put it in your child theme

2. In your WordPress Dashboard, go to Appearance > Theme Editor. In theme to edit in the top right, select your child theme.

instructions for how to easily implement Yoast SEO Breadcrumbs into Avada

3. Click on the page.php file in the right sidebar. This will load the file

4. Find these lines of code:

Copy to Clipboard

5. Now add this bit of code:

Copy to Clipboard

So that the code now looks like this:

Copy to Clipboard

6. Click Update File at the bottom

7. In your WordPress dashboard, go to Yoast SEO > Search Appearance > Breadcrumbs. Under the Breadcrumbs settings, make sure the breadcrumbs are Enabled.

instructions for how to easily implement Yoast SEO Breadcrumbs into Avada

Now new pages on your website will automatically have breadcrumbs at the bottom of the page, before the footer. If you want breadcrumbs to appear on new posts, you will have to make similar changes to the single.php file.

instructions for how to easily implement Yoast SEO Breadcrumbs into Avada

When it concerns SEO best practices, it’s ok that the breadcrumbs appear toward the bottom of the page. However, if you really want Yoast Breadcrumbs at the top, you can manually add this shortcode to the top of each new page:

Copy to Clipboard

The bonus of using Yoast Breadcrumbs is that the Yoast SEO plugin automatically adds Schema mark-up to the breadcrumbs, implementing an SEO best practice.