A WordPress website must have easy navigation. Your website should make it as easy as possible for visitors to find the information they need with as few clicks as possible.
Furthermore, making your website logically organized with breadcrumbs can give your visitors an easy means for navigating around your site and understanding how it operates as a whole.
In this article we will learn how to enable breadcrumbs on your WordPress site for overall better user experience and better search engine rankings.
Table of Contents
Precautions Before Enabling Breadcrumbs:
There are two things you need to know carefully before you enable breadcrumbs on your WordPress site.
- Select the SEO friendly theme.
- Choose either a theme breadcrumbs option or a plugin option.
Both should not be selected at the same time.
How To Enable Breadcrumbs Using Rank Math SEO Plugin:
There are numerous ways of showing breadcrumbs on WordPress site. To add breadcrumbs to any WordPress site you really want to ensure your theme has the default support choice, or utilize the plugin, or have this choice in SEO plugin, or you can add coding.
Adding breadcrumbs to your WordPress site is very simple. You can empower this component with a switch of a button in any well known SEO plugin including Yoast SEO and Rank Math.
Few things including all MyThemeSHop themes don’t need an addition setup to enable the breadcrumbs.
Other than these themes, any remaining theme needs to put little piece of code to the functions.php record to show breadcrumbs toward the front.
Before anything, you need to enable Rank Math Breadcrumbs
Select Rank Math from left hand-side menu and select General Settings
Select “Breadcrumbs”
Enable breadcrumbs functions
Method 1: Modifying functions.php File:
In any WordPress theme, you can involve this strategy for enabeling rank math breadcrumbs. For a flat out new user, kindly ensure that you have a backup of your site.
Now log in to your WordPress and click on Appearance -> Editor
Click on funtions.php
Add the following code at the bottom of the page
add_action( ‘wp_footer’, ‘twentytwentyone_add_ie_class’ );
add filter (‘the_content’, function ($content) {
if (function_exists(‘rank_math_get_breadcrumbs’)){
$content+rank_math_get_breadcrumbs(). $content;
}
return $content;
})
and click on “Update File” button
Important point:
If you want to change / update the WordPress theme, then you will need to reinsert this code in function.php file to enable the rank math breadcrumbs.
If you want to customize it even more the appearance for rank math breadcrumbs displayed on your WordPress site. You can add the following code in
Appearance -> Customize -> Additional CSS
Paste the following code and click Publish
rank-math-breadcrumbs {
font-size: 18px;
border: 1px solid #00abf0; padding-left: 25px;
padding-top: 15px;
padding-right: 15px;
margin-bottom:20px;
}
