Home » Guide » How to Add Breadcrumbs in WordPress

How to Add Breadcrumbs in WordPress

Breadcrumbs provides a navigational system that tells your visitors where they are on the website. Thus it makes it easier for the users to navigate through different pages on the website, and avoid confusion. Especially if you have a huge website, having breadcrumbs on your site is crucial.

WordPress website standard navigation system does not include breadcrumbs. So you can install an SEO plugin like DefiniteSEO that is specifically designed for WordPress SEO and performance improvements.

So if you are wondering how you can add custom breadcrumbs in WordPress then do not worry. The easiest way to add custom breadcrumbs in WordPress is by using a DefiniteSEO WordPress plugin. Not only do you not require any technical knowledge or coding, also it hardly takes any time to implement breadcrumbs using this WP plugin.

Add Breadcrumbs Using DefiniteSEO Plugin

You can implement them in two ways:

Option 1: By adding PHP function in your theme’s PHP file

Firstly install DefiniteSEO on your WordPress website and now go to the left menu on your WordPress admin and click on Tools-> “Theme File Editor”.

Theme File Editor

Make sure the currently active theme’s child theme is selected from top right side. Now select a specific file from the right side files list and paste following php function in it. In most cases it need to be pasted in single.php or header.php etc.

Select Single.php file

As the structure of every theme is different so the theme author can guide you better to where to paste this code. Copy the following function and paste it in file. Now the breadcrumbs will start to appear on the entire website.

<?php echo do_shortcode( "[definiteseo_breadcrumb]" ); ?>

Option 2: By copy/pasting a shortcode in any page/post/category etc.

DefiniteSEO offer a shortcode that you can copy/paste in any page, post etc and the Breadcrumbs will start to appear there. In this Breadcrumbs will appear only on taht specific page/posts only where you pasted the shortcode.

 [definiteseo_breadcrumb]

How to customize Breadcrumb Settings using DefiniteSEO

How to Add Breadcrumbs Using DefiniteSEO WordPress Plugin
So once you enable Breadcrumbs by doing the above steps, you can configure it as per your needs as following.
Once you install and activate the DefiniteSEO plugin on your WordPress website, you can find the “Breadcrumb Settings”. By default this option is disabled, but you can select to enable it.
Once you ‘Enable’ the breadcrumb settings you can customize the settings as needed for your website. The plugin allows you to easily customize the breadcrumb settings so you can manage how it appears on your website.

Choose a Custom Breadcrumbs Separator

This option allows you to select a separator for your website breadcrumbs as shown in following screenshot. Moreover DefiniteSEO also allow you to set a custom character as a separator using HTML character code.
choose custom separator

Show or Hide the home page link in the Breadcrumbs

In this section you can set custom homepage link for the breadcrumb navigation.

Set Custom HomePage Label:

Here you can customize the home page label, as you would like to show in the breadcrumb navigation. For example, here it shows as ‘Home’ but you can rename it to any word i.e. root etc.
HomePage Label

Prefix for breadcrumb path:

Here you can set any prefix text to your breadcrumbs.
prefix for breadcrumb path

Custom Prefix for search page.

Using this option you can add custom prefix for search page.
Prefix for search page path

Prefix for 404 error page path:

You can also set the prefix for the 404 error page.
Prefix for 404 error page path

Prefix for archive breadcrumb path:

Here you can add a prefix for archive pages.
Prefix for archive breadcrumb path

Show / Hide post title in breadcrumb:

Using this option you can show or hide post titles in breadcrumbs.
Show / Hide post title in breadcrumb

Show / Hide category in breadcrumb:

This option enables you to Show or Hide the category name and Link in the breadcrumb.
Show / Hide category in breadcrumb

Show / Hide blog page in breadcrumb:

You might have a separate page for your blog, you can show or hide “Blog” after “Home” in the breadcrumbs.
Show / Hide blog page in breadcrumb

How to Customize or Alter Post Title in Breadcrumb

By default the actual post title is displayed at last in Breadcrumbs, but if you can display some custom post title using this option.

Breadcrumb advance setting
Once you open a post or page on WordPres, open the DefiniteSEO options. Here you can find the ‘Advanced Setting’ options. Here under the ‘Breadcrumb Title’ you can add the custom breadcrumb title. Lastly, make sure to save the changes. Other details will automatically be picked by the plugin from the Global Settings for the breadcrumb as mentioned above.

Schema Of Breadcrumbs:

DefiniteSEO also generate schema of breadcrumbs so that search engines can understand the hierarchically of pages easily. Here is an example of a generated schema.
Using Schema.org to Implement Breadcrumbs