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”.

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

Now hoverover the “Appearience” and click “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.

<?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:

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.

How to Navigate to Yoast SEO Breadcrumbs:

After navigating to the WordPress dashboard, hoverover to the “Yoast” and select “Search Appearance”.

Then click “Breadcrumbs” tab and customoze the settings as per your wish or keep it as it is.

How to Add Breadcrumbs to any WordPress Website- 2022 1 — 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.

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.

Display Breadcrumbs using “Breadcrumb NavXT WP Plugin”:

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.

FAQ:

What is required to enable Breadcrumbs in WordPress?

What are the benefits of using Breadcrumbs in WP?