Do you want to know how to show breadcrumbs in google search results and on your site? Google already made breadcrumbs change in search results with each tag having a link to the page; that is, you can click on each tag on breadcrumbs.
In this post, We will be sharing how to show breadcrumbs in Google Search Results.
If you are still wondering what breadcrumb is, here is the answer for you.
What is Breadcrumbs?
A breadcrumb trail on a page indicates the page's position in the site hierarchy. A user can navigate all the way up in the site hierarchy, one level at a time, by starting from the last breadcrumb in the breadcrumbs trail, but how to show breadcrumbs in google search results?
Enable breadcrumbs in your blogs, which will help Google bots to understand your site's hierarchy better.
How to Show Breadcrumbs in Google Search Results
Required properties to show breadcrumbs in google search results:
item | Thing The URL to the webpage represents the breadcrumb. |
name | Text The title of the breadcrumb is displayed for the user. |
position | Integer The position of the breadcrumb in the breadcrumb trail. Position 1 signifies the beginning of the trail. |
Source: Google Docs
The good news is, Google shows breadcrumbs below the meta title in the search results. It can increase your CTR.
How to Show Breadcrumbs in Google Search Results
Breadcrumb is a routing system that allows users to route from wherever they are online to the website's home page. It helps customers get around the website and helps search engines like Google understand the site's actual structure.
You may also like to read:
- 13 Honest Reasons Why you Should not Start a Blog
- Easily Fix Message Blocked: Your Message to Gmail.com has Been Blocked
- How to Install WhatsApp on PC and Fix Problems With Windows 10 Easily
- View or Mirror Phone Screen on PC for Free
- How to Improve Blog Audience by 300% Easily and Free
Show Breadcrumbs in Google Search Results
Google BreadCrumb Tail for WordPress is working well and easy to add. WordPress users will be happy if they use this tutorial. The search result will change, and Google will replace the BreadCrumb link in your search result, powered by this script code to show breadcrumbs in google search results.
<script type='application/ld+json'>
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "Place URL Here",
"name": "Place Title Here"
}
},{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "Place URL Here",
"name": "Place Title Here"
}
},{
"@type": "ListItem",
"position": 3,
"item": {
"@id": "Place URL Here",
"name": "Place Title Here"
}
}]
}
</script>Source: Credits by Google Developer
- Now Log in to your website.
- Go to Appearance › Editor › footer.php
- Search for body tag </body>
- Then copy the above Script Code and paste it above.
- Replace a link (URL) of your Blog Category or page instead of “Place URL Here” and Replace Page Title text on “Place Title Here.”
- Then press the Update File Button and wait to see the result.
Enable Breadcrumbs on Your Website with Rank Math SEO
Rank Math SEO plugin makes it extremely easy to add the Breadcrumb Schema that search engines require to show breadcrumbs in search results.
Now let’s take a look at how to enable breadcrumbs with Rank Math:
Activate Breadcrumbs
You can activate the breadcrumbs setting in Rank Math from Rank Math > General Settings > Breadcrumbs. If Breadcrumbs settings are not available for you, ensure that you’ve switched to the Advanced Mode in Rank Math.
Once you enable the breadcrumbs function, all the other settings will appear on the screen.
Adding Breadcrumbs to Website
Now that you’ve configured breadcrumbs settings, you need to add the breadcrumbs code to your website so that it displays on the front-end.
You can add the Rank Math’s breadcrumbs code to your theme’s template files, and the breadcrumbs will appear on your website’s front-end accordingly.
<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>You can also add the breadcrumb anywhere you want with the help of a shortcode. Just copy and paste this shortcode to the text editor of any post/page, and then Rank Math will pull the breadcrumb for that specific post/page.
[rank_math_breadcrumb]Depending on the theme you use, the theme file where you add the breadcrumbs function would vary.
How to Show Google Breadcrumbs for Blogger Blog?
If you are using Blogger SMC, this tutorial will be helpful for you. You can add the above script code (Credits by Google Developer) into your Blogger Blog body section area and follow the below guideline, and soon you will see what happen in Google search result.
Log in first: Login to your Blogger blog.
Go to the dashboard: Direct to your blog Dashboard › Template › Edit HTML.
Open body tag: Search for body tag <body>
Copy code: Copy above Breadcrumb script, then pastes below it.
Replace link: Replace a link (URL) of your blog category or page instead of “Place URL Here” and replace page title text instead of “Place Title Here.”
Save changes: Then press the Save Template button, Then wait for results.
Show Breadcrumbs in Google Search Results With Thrive Themes
First, check if your theme has an option to display breadcrumbs. For example, I am using Thrive Themes, and it has a built-in option for displaying breadcrumbs.
If you use Thrive Themes, go to Thrive Themes Options Panel and enable breadcrumbs from General Setting.
If your theme doesn’t have any such option, don’t worry. Like everything, we will do it by using a plugin.
Though there are some dedicated plugins for showing breadcrumbs only, like Breadcrumb NavXT, I’d recommend you use the Yoast SEO plugin. Cause it’s the best WordPress SEO plugin.
Now you need to install and activate the Yoast SEO plugin.
Once you’ve activated the plugin, go to WordPress Admin Panel > SEO
(1) Search Appearance
(2) Enable breadcrumbs
(3) Then, you will find several options. I think the default options are good. You don’t need to change anything here.
Then click on “Save Change.”
Now go to a single post to check whether the breadcrumb is showing or not. The breadcrumbs will be something like this:
Yoast Breadcrumb Display in WordPress Twenty Fifteen Theme
If Yoast SEO Breadcrumbs is not working, you need to add a code to your WordPress theme. Just add the following code in your theme’s header.php file. You should add the code at the end of the file.
<?php if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('<p id="breadcrumbs">','</p>');
} ?>In addition, you can manually add the breadcrumb shortcode to individual posts or pages.
[wpseo_breadcrumb]After adding the code, you will see the breadcrumbs in action.
More interesting topics for you:
- 89 High Domain Authority DoFollow Article Submission Sites
- Google Custom Search Engine Search Box not Showing
- How to Discover Your Ideal Blog Audience
- Easy Ways to Get 50k Monthly Visitors to Your Blog
- Enable Mobile Data in Airplane Mode With 1 Easy Code
Customizing Breadcrumbs with CSS
Adding the PHP code will create plain breadcrumbs with links. You can add custom CSS classes to decorate your breadcrumbs; otherwise, use the same PHP code in “single.php” and add the following CSS code under your theme’s “style.css” file or under the custom theme section of your theme options (if your theme supports).
However, Google might take some time to show the breadcrumbs on search results.
How to Show Breadcrumbs in Google Search Results
CSS Breadcrumbs – Learn how to create breadcrumb navigation with CSS.
#breadcrumbs {
box-shadow: 1px 1px #d5d4d4;
background: #eeeded;
border: 1px solid #eeeded;
border-radius: 5px;
padding: 0 5px 0 10px;
font-size: 16px;
}SOURCE: W3 Schools
When will Google BreadCrumbs Show in Search Results?
You will be waiting for a result after following the above tutorial, which we provided. You will be wondering when the impact of the BreadCrumbs will show on Google Search Result? Well, this depends on Google Crawler. It would take about 3 to 5 days after adding the script code.
Your site or website users could be amazed after noticing what changes on the lookup result with the BreadCrumb link, which is listed through parents to children.
FAQs About Show Breadcrumbs in Google Search Results
-
What are breadcrumbs?
A breadcrumb trail is a set of links (breadcrumbs) to help users understand and navigate your site's hierarchy.
-
How do I add breadcrumbs to the Google search page?
You cannot add breadcrumbs on the Google search page. You can only add it to your website.
-
What are breadcrumbs for a website or blog?
A breadcrumb indicates the current page’s location within a navigational hierarchy that automatically adds separators via CSS.
Final Words on Show Breadcrumbs in Google Search Results
As Google figures out what the final breadcrumb product will look like within the SERPs, it is undoubtedly an excellent idea to add this to your site.
We hope this post helped you to show breadcrumbs in Google search results. If you have faced any issues, let us know via comment.
