• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Feast Design Co.

WordPress Themes for Food & Lifestyle Bloggers

  • Themes
  • Feast Plugin
  • Blog
  • Support
  • Tutorials
  • Nav Social Menu

    • Email
    • Facebook
    • Instagram
    • Twitter
menu icon
go to homepage
  • Feast Plugin
  • Support
  • Tutorials
  • Account
    • Facebook
    • Instagram
    • Twitter
  • search icon
    Homepage link
    • Feast Plugin
    • Support
    • Tutorials
    • Account
    • Facebook
    • Instagram
    • Twitter
  • ×

    Home » Food Blog Design and Appearance

    Add Yoast Breadcrumbs

    Published: Aug 28, 2019 · Modified: Nov 18, 2022 by Skylar · 14 Comments

    This tutorial features the Feast Plugin, which enhances and extends your theme to improve SEO, pagespeed, accessibility and user experience.

    Yoast has a feature which enables adding breadcrumb schema to your website, creating a more complete schema graph, which search engines love. For the full writeup, see: Yoast SEO Breadcrumbs

    However, due to different setups with different themes, Yoast is unable to automatically insert its own breadcrumbs into a theme, so it relies on the user (or developer) to implement breadcrumbs using code.

    Example of having the breadcrumbs enabled on FoodiePro.com, showing the "lunch" category, and a link to the homepage.
    Jump to:
    • Feast Plugin's "Add Yoast Breadcrumbs"
    • Configure Yoast breadcrumbs
    • Enhancements
    • Add the recipe index
    • Disabling Yoast breadcrumbs
    • Breadcrumbs on category pages
    • Genesis breadcrumbs
    • Manually adding Yoast breadcrumbs

    Feast Plugin's "Add Yoast Breadcrumbs"

    The Add Yoast Breadcrumbs toggle in the Feast Plugin automatically inserts breadcrumbs above the post title, providing:

    1. An easy way for your readers to find related recipes by navigating to the parent category
    2. An additional backlink for search engines to follow, enabling them to better understand your site structure

    Both of these are great to have, and we highly recommend having breadcrumbs enabled.

    NOTE: Breadcrumbs must be enabled in Yoast's settings at SEO > Search Appearance > Breadcrumbs > Enabled.

    Rather than needing to edit theme files or create custom code snippets, then having to monitor for updates and changes to breadcrumbs over time, simply enable the "Add Yoast Breadcrumbs" and we'll manage it on your behalf.

    Note: as of 4.0.9, we automatically disable Genesis breadcrumbs for you, when you activate Yoast breadcrumbs through the plugin.

    Configure Yoast breadcrumbs

    You'll still need to configure the Yoast breadcrumbs per our recommend settings in the SEO for food bloggers post.

    Enhancements

    In the Feast Plugin 6.2.9, we've added two settings to optimize the breadcrumbs:

    The Remove current page title from Breadcrumbs will remove the unnecessary display of the post/page title, because the title displays directly below the breadcrumbs.

    The Hide breadcrumbs on pages without a parent will prevent breadcrumbs from displaying when there's no parent pages to link back to, which essentially just duplicates the page title and looks bad.

    These are recommended settings and should be enabled for all sites.

    Add the recipe index

    You can now add your recipe index as a part of the breadcrumbs:

    The Recipe Index URL gets added between the "Home" link and the primary category. This helps readers navigate to the Modern Recipe Index, which visually displays your categories:

    IMPORTANT: Make sure you've configured your Yoast breadcrumbs to add the "Home" link.

    This has been tested and is valid breadcrumb schema. It will be added to all breadcrumbs on posts that contain a recipe card.

    This is available as of version 6.4.8.

    Disabling Yoast breadcrumbs

    Version 4.4.1 of the Feast Plugin includes an option to disable Yoast breadcrumbs on a per-post or per-page basis.

    sidebar checkbox to disable yoast breadcrumbs

    This is useful when building pages that don't require breadcrumbs, such as:

    • Modern Homepage
    • Modern Recipe Index
    • Contact
    • About
    • Subscribe

    Note that in most cases, using the following setting will achieve the same result with less work:

    Breadcrumbs on category pages

    As of the Feast Plugin v.6.7.0 we've added breadcrumbs to category pages.

    This is because breadcrumb structured data is added to category pages regardless of whether they're displayed or not, however, Google guidelines on structured data requires that structured data must not be added if it's not visible to users on the page:

    Google structured data screenshot: don't mark up content not visible to readers of the page

    As a user experience, the breadcrumbs help readers navigate to the recipe index or home page.

    While we don't recommend or support nested/sub categories, this also provides navigation to parent-categories for sites that have set this up in the past.

    Thanks Nerdpress and Mediawyse and TopHatRank for feedback

    Genesis breadcrumbs

    While the Feast Plugin will automatically disable Genesis breadcrumbs for you, they can still appear on sites which have manually added the Yoast Breadcrumbs code to their site. Possible sources are:

    • Theme files (especially functions.php)
    • Code snippets plugin
    • Genesis simple hooks plugin

    Manually adding Yoast breadcrumbs

    If using the Feast Plugin, this is unnecessary - simply enable the "Add Yoast Breadcrumbs".

    We don't recommend manually adding breadcrumbs.

    If you're technically inclined and want to add something else you need to maintain and update over time, you can manually add the breadcrumbs to your theme using the code provided by Yoast:

    <?php 
    if ( function_exists('yoast_breadcrumb') ) {   yoast_breadcrumb( '<p id="breadcrumbs">','</p>' ); } 
    ?>

    Note: You'll need to hook this to the correct location in your theme using add_action or add_filter. We recommend add this to the code snippets plugin rather than the theme files.

    More

    • Horizontal scrolling
    • Subscribe button
    • Favicon
    • FSRI Block

    Reader Interactions

    Comments

    1. Brandy says

      June 15, 2020 at 2:47 pm

      I don't use Yoast because it conflicted with something else that I was using and instead chose another SEO plugin (RankMath). I have left Genesis breadcrumbs enabled but the title of the post is always awkwardly underneath the breadcrumbs. Is there a fix for this? I know there must be.

      Reply
      • Skylar says

        June 15, 2020 at 2:52 pm

        Sorry, due to the huge range of potential conflicts with different plugins, we only offer support for a limited number of configurations. RankMath is not a recommend or support plugin. You'll need to get support from RankMath directly.

        Reply
    2. David says

      October 18, 2020 at 7:29 am

      So I now have Genesis breadcrumbs enabled, then have selected "enable Yoast breadcrumbs" in feast, and enabled the Yoast breadcrumbs. Should I be leaving the Yoast breadcrumb settings to the default options Yoast gives. (e.g. "none" for posts, category, tag, format). This page leads me to think maybe the Feast plugin is automatically taking care of how the setup should work, but I'm not sure. Thanks!

      Reply
      • Skylar says

        October 18, 2020 at 8:34 am

        The plugin only takes care of the technical implementation - you still need to configure the Yoast settings per our post at https://feastdesignco.com/seo-for-food-bloggers/#yoast-seo-plugin

        Reply
    3. David says

      October 19, 2020 at 6:45 am

      Thanks Skylar!

      Reply
    4. cam says

      August 17, 2021 at 7:34 pm

      I'm curious, I just enabled the bread crumbs to show up on my posts, but when I go to each recipe, it is only showing that each post comes from Home < Post and its not including the category the post is categorized under. Is there something I'm mising?

      Reply
      • Skylar says

        August 18, 2021 at 6:47 am

        It sounds like you need to configure them: https://feastdesignco.com/seo-for-food-bloggers/

        Reply
    5. aleka shunk says

      January 12, 2022 at 8:37 am

      I do not have a general "recipe index", instead I have an "appetizer index", "snack index" and "dessert index", what URL would I need to copy and paste? Or should I change this so all of these categories fall under one "recipe index"?

      Reply
      • Skylar says

        January 12, 2022 at 8:55 am

        I can't make any real suggestions without seeing your site so I'd recommend submitting a support ticket.

        Based just on what you've described, your "appetizer index" should be (or is) just a category, which should go onto the actual recipe index.

        This is a recipe index: https://feastdesignco.com/modern-recipe-index/

        Reply
    6. Dannii Martin says

      January 21, 2022 at 6:55 am

      All my recipe posts have the correct breadcrumb structure: home>recipes>category.
      However, I also have non-recipe posts that are showing the same, even though the categories that they are in have no parent. For example, my wellbeing category has no parent, so why is "recipes" still in the breadcrumbs?
      Many thanks.

      Reply
      • Skylar says

        January 21, 2022 at 10:16 am

        Per the instructions above, this featured should only be used if 100% of the site is dedicated to recipes. If your site has a "wellbeing" category that isn't recipes, then don't insert the recipe index into the URLs.

        There are ways to fine-tune this by category but you need to hire a developer.

        We don't offer this because the optimal user experience is a website 100% dedicated to recipes.

        Reply
    7. Louise Dam says

      February 01, 2022 at 4:52 pm

      How can I translate the word 'Recipes' when I add the recipe index to my breadcrumbs?

      Thanks!

      /Louise

      Reply
      • Skylar says

        February 01, 2022 at 6:39 pm

        At this time there's no translation support. I'll put it on the to-do list but I can't provide any timeline.

        Reply
    8. Alex says

      March 03, 2022 at 11:43 am

      When I originally set up my site, I created a "recipes" parent category, with all of my recipe types as sub-categories. I realize that isn't the way it should have been done, but at this point, I don't want to change it and break those links. Because of this though, the breadcrumbs on the first page of each category show as "Home > Recipes > Recipes". Once you move to page 2 of the category, the breadcrumbs change to "Home > Recipes > Muffins" (for example). Is there a way to fix the first page of each category, or am I stuck with it like that?

      Reply

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Primary Sidebar

    Themes

    • Feast Plugin grants access to all 5 themes
    • Not sure where to start? See the getting started guide

    Feast Plugin

    • Feast Plugin
    • Modern Homepage
    • Modern Sidebar
    • Modern Footer
    • Modern Mobile Menu
    • Modern Menu
    • Modern Recipe Index
    • Modern Categories
    • Modern 404
    • Recipe Update Checklist
    • Recipe Post Template

    Resources

    • Image optimization
    • Recipe Guidelines for Foodie Bloggers
    • How to write a recipe post
    • Page headings
    • SEO for Food Bloggers
    • Tutorials
    • Pagespeed Audit
    • Comments
    • Internal links

    more resources →

    Categories

    • Modern Recipe Index
    • Modern Categories
    • Posts per Page
    • How to use categories
    • Category pages need content
    • How to configure the category pages
    • Food blog site structure
    • Food blog page structure

    Classic themes

    The classic themes are only for hobby sites and any food blog interested in monetizing or SEO needs the Feast Plugin.

    • Foodie Pro Classic
    • Brunch Pro Classic
    • Cook'd Pro Classic
    • Cravings Pro Classic
    • Seasoned Pro Classic

    Footer

    ↑ back to top

    Topics

    • Food Blog Design and Appearance
    • Productivity
    • Tech and Plugins
    • Food Blogging and Promotion
    • Minimalist WordPress Themes
    • Simple WordPress Themes
    • Travel blogs
    • Knitting + DIY blogs

    Help

    • Documentation & Tutorials
    • Food Blogging Resources
    • Open A Support Ticket
    • Login
    • Your Account
    • Subscriptions
    • Downloads
    • Discounts and Coupons
    • Compatibility

    Company

    • Subscribe to newsletter
    • Privacy Policy
    • Refund policy
    • Terms & Conditions
    • Principles and Best Practices
    • Affiliates
    • Contact

    Copyright © 2023 · Feast Design Co.

    Results not typical or guaranteed. Our themes and plugins are just a small part of the overall effort involved in running a food blog. Nothing on this website shall constitute legal or financial advice, always consult a local lawyer and accountant. Accessing this website and all transactions herein are under the laws and jurisdiction of Toronto, Ontario, Canada.