Hi, it’s me again. We will share my first WordPress Hacks & Tutorial. It’s all about Rich Snippet. And the first Rich Snippet I want to share is Breadcrumb. How To Add Breadcrumb Rich Snippet without Plugin on WordPress and fully verified on Google
Why we share this tricks, it’s because we use it and I know this Code not belong to me, we got this code from RedWafe Lite WordPress Theme. You can check it here about this theme. And then we improve it and make it more Google Friendly Successfully tested via Google Rich Snippet Testing tools.
Our code is base on http://schema.org/BreadcrumbList. So before we recode, here is first code that we used and still got failed on Google Rich Snippet Testing Tools..
Google still identified that code still not 100% Google Breadcrumb Friendly. Here is the code that we use.
So, after we read about Breadcrumb Rich Snippet we found it that this code have a lot of unnecessary code and missing something, so we began explore and rebuild it.
Another Tutorial: Remove Images and wp-caption from the_content Frontpage
And we make it Google Rich Snippet Friendly. Here is my modified version and make it Google Rich Snippet Friendly.
With latest code, Breadcrumb Rich Snippet for WordPress will work without any issues. Next step is how to put it on your Current Themes?
To put this code, you will need a little bit knowledge XHTML, CSS and PHP. We will show you how to do that. Here is the step by step to integrate with your theme.
- Goes to WP-ADMIN and logging, then goes to Appearance > Editor.
- Then find functions.php on your themes and edit it.
- Then put on the code on the end of your current functions.php and save it.
- Open another file (header.php) and put this code
- Then final step, open your css files (style.css) and put this code in the end of your style.css line
- Save and Done
- Test it by open single post and copy the URL and test it
- Fix 😉
It’s easy right, by using this code, your Breadcrumb will work great on Google Search. Need Prove? Here is our recent screenshot
If you want try, you can download Go Satu Kha WP Theme that was included with this code and work without any worries. Go Satu Kha WP Theme is Child Theme of Twenty Seventeen.
Hey, this was great!
There’s only one thing missing, how would you go about a parent page?
Home > parent page > page
Thanks, I will try update my
How to have parent pages in your breadcrumbs?
It’s similar method just a little bit tweak on it
Nice Article! Thanks, But I have a little question,
Can you tell us how to add schema in AMP pages?
We will find a solution about it