How to Add Breadcrumbs to any WordPress Website- 2022

There are many ways to display breadcrumbs on WP Websites. To add breadcrumbs to any WordPress website you need to make sure your theme has the default support option, or use the plugin, or have this option in the SEO plugin, or you can add coding.

Benefits of Using Breadcrumbs in WordPress:

Enabling breadcrumbs on your WordPress website makes it easier for the user to navigate to the homepage, archive page, or post on your website. It also serves as a positive signal for SEO.

Precautions before enabling Breadcrumbs:

There are 2 things you need to know carefully before displaying breadcrumbs on your site. 1. Select the SEO-friendly theme. 2. Choose either a theme breadcrumbs option or a plugin option. Both should not be selected at the same time.

How to Add Breadcrumbs Using Rank Math SEO Plugin:

If your theme does not have a breadcrumb option, you can easily enable the breadcrumbs if you are using the ranking SEO plugin. Let’s see how to show breadcrumb.

  • Navigate to WordPress “Dashboard” and hover over the “Rank Math”, then select “General Settings”.
General Settings of Rank Math
General Settings of Rank Math
  • In the Rank Math SEO settings, click “Breadcrumbs” and enable breadcrumbs function, then customize the settings, and the click “Save changes”.
Enabling Breadcrumb Function using Rank Math SEO Plugin
Enabling Breadcrumb Function using Rank Math SEO Plugin
  • Now hoverover the “Appearience” and click “Theme editor”.
Theme Editor
Theme Editor
  • To show breadcrumbs across your website. Place the code which is given below the screenshot (If you didn’t copy as explained above) and paste it into the ”header.php” and click update.
Add Breadcrumb Code to Theme Files
Add Breadcrumb Code to Theme Files
<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
  • If you want to add breadcrumbs in the pages and posts, place the above code (If you din’t copy as explained above) in the “page.php” and update it.
  • If you want to show breadcrumbs only in the posts, place the above code (If you din’t copy as explained above) in the “single.php” and update it.
  • Or, copy the following code and paste in any page, post, or anywhere in your website.
[rank_math_breadcrumb]

How to Enable Breadcrumbs Using Yoast SEO Plugin:

Add Breadcrumbs using Yoast SEO Plugin
Add Breadcrumbs using Yoast SEO Plugin

With Yoast SEO you can even add breadcrumbs to just a single page and post. It is possible to do with the block. To do that, add a block to your post or page. These will only appear on the personal page where you added the block. If you want to add breadcrumbs to the website you have to follow them as explained in the Rank Math SEO.

See also  The Best WordPress Gutenberg Block Editor Plugins 2022

How to Navigate to Yoast SEO Breadcrumbs:

  • After navigating to the WordPress dashboard, hoverover to the “Yoast” and select “Search Appearance”.
Navigating to Yoast SEO Plugin
Navigating to Yoast SEO Plugin
  • Then click “Breadcrumbs” tab and customoze the settings as per your wish or keep it as it is.
Yoast SEO Breadcrumb Settings
Yoast SEO Breadcrumb Settings

Yoast SEO Breadcrumb Settings.

  • Place the following code to your theme as explained in the Rank Math SEO plugin.
<?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>

Add Breadcrumbs using “Flexy Breadcrumbs Plugin”:

Flexi Breadcrumbs is one of the simplest and most powerful plugins for WordPress navigation, developed by an author named Press Tigers. By using this plugin, you can navigate through the shortcode anywhere on your website. With the help of this plugin, you can customize text styles, formats, and formats to your liking.

Flexy Breadcrumb
Enable Breadcrumbs using Flexy Breadcrumb

You can add the following code in the header.php of your theme editor as explained in the Rank Math Plugin. It also works if you add anywhere in your theme.

 <?php echo do_shortcode( '[flexy_breadcrumb]'); ?> 

Plugin Features:

  • It supports an SEO Friendly breadcrumb to your site.
  • It llows users to change different breadcrumb separators.
  • Easily change word and/or character for navigation menu.
  • You can also set Home and End text.
  • Set font size of breadcrumb trail.
  • Change icon picker for Home menu.
  • Different color options for link, text, separator and background.
  • You can also add breadcrumbs using [flexy_breadcrumb] shortcode.
See also  Nofollow, or Noindex Pages, Posts, or 404 in WordPress

Display Breadcrumbs using “Breadcrumb NavXT WP Plugin”:

Breadcrumb NavXT
Breadcrumb NavXT

The Breadcrumb NavXT plugin generates native breadcrumb trails for a blog or website. These breadcrumb trails are customizable to any current website or blog in WordPress. Apart from that, it makes the administrative interface setting much easier.

Related Posts:

FAQ:

What is required to enable Breadcrumbs in WordPress?

What are the benefits of using Breadcrumbs in WP?

Enabling breadcrumbs on your WordPress website makes it easier for the user to navigate to the homepage, archive page, or post on your website. It also serves as a positive signal for SEO.

What are the Precautions before enabling Breadcrumbs?

There are 2 things you need to know carefully before displaying breadcrumbs on your site. 1. Select the SEO-friendly theme. 2. Choose either a theme breadcrumbs option or a plugin option. Both should not be selected at the same time.

How to add the Rank Math Breadcrumbs Code to WordPress

→ Copy Code from Rank Math Plugin
→ Go to WP Dashboard → Appearance → Theme Editor → Place code following in Header.PHP, or Page.PHP, or Single.PHP.
<?php if (function_exists(‘rank_math_the_breadcrumbs’)) rank_math_the_breadcrumbs(); ?>