How To Implement Breadcrumbs
-
Hi, I'm looking to implement breadcrumbs for e-commerce store so they will appear in the SERP results like the attached image.
In terms of implementing to a site, would you simply add HTML to each page like this Google example?
Which looks like this:
Then is there anything you need to do, to get this showing in the SERPs results e.g. doing something in search console. Or do you just wait into google has crawled and hopefully starts showing in the SERPs results?
Cheers.
[SERP results with bread crumbs](SERP results with bread crumbs)
-
Cesare has provided an excellent answer here IMO, I like the suggestions for other markups to target. I also strongly agree with finding a plugin to implement this markup, it will save you a lot of time.
In addition to his answer, here are a few other resources that I feel will help:
BreadcrumbList Schema Page: Find information on the different properties that you can include with this particular markup as well as an example that you can model your breadcrumb schema off of.
Structured Data Testing Tool: Use this tool to validate that your schema markup is free of errors.
Hope these help!
-
Hi,
This won't be enough. You have to add markup. Google recommends doing this with JSON-LD. JSON-LD has the advantage of not being visible on the site. You also don't need to mix it within your HTML. It would look like this:
Breadcrumbs in the SERP's are nice but they won't bring you the gold... This kind of formatting ( > ) is easily overlooked. Almost only people that know about it like you and me would notice it...
Personally I would rather focus on reviews/ratings: https://developers.google.com/search/docs/data-types/reviews (add the markup if you have already ratings for your products or make it easy for people to rate your products so you can include that later). --> Reviews/Ratings might appear with stars on the SERP's: this is going to bring you the gold CTR wise you will see.
You could also add markup for the products to make Google better understand about your products and and what their according properties are.
And/or add your logo and all the social media profiles on your Knowledge Graph cards: https://developers.google.com/search/docs/guides/enhance-site
Depending on the shop CMS system you are using you might even find plugins that help you doing that., e.g. https://de.wordpress.org/plugins/json-api/.
Hope this helps.
Cheers,
Cesare
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Different ways to implement schema markup?
Hey guys, What are all the ways you can implement schema markup Plugins (e.g. wordpress, shopify) Google data highlighter in GSC Google Structured Data Markup Helper Google Tag Manager Also is google data highlighter different to Google Structured Data Markup Helper? Cheers.
Intermediate & Advanced SEO | | michel_80 -
Did We Implement Structured Data Correctly?
Our designer/developer recently implemented structured data on our pages. I'm trying to become more educated on how it works since I'm the SEO marketing specialist on the team and the one that writes and publishes the majority of our content. I'm aware it's extremely important and needs to be done, I just don't know how to do it yet. The developer was on our team for over a year, we recently let him go. Now, I'm going through all the pages to make sure it's done correctly. I'm using the structured data testing tool to look at the pages and have been playing with the structured data markup helper. I would REALLY appreciate it if one of my fellow MOZ fans & family can help me determine if it's done correctly. We do not currently have any schema plugs installed that I know of. So I'm not sure how he implemented the Schema code. I would like to know what I need to do moving forward to the additional content we publish as well as what to do to correctly implement Schema if not already. When I manually look at one of our FAQ pages I see multiple schema data formats detected... I'm not sure if we're supposed to have multiple or just one----> https://www.screencast.com/t/TjHphL7jsI I also noticed in the Question schema data for that same page... the accepted answer is empty. I would image that should have the short version of the answer to the question in it?--->https://www.screencast.com/t/e6ppXkhXd7QS Here's a screenshot of our structured data info from Google search console---> https://www.screencast.com/t/KHj4BGgdrZ4m HELP please! Our website consists of 25-30 "product" pages https://www.medicarefaq.com/medigap/ https://www.medicarefaq.com/medicare-supplement/ https://www.medicarefaq.com/medigap/plan-f/ https://www.medicarefaq.com/medicare-supplement/plan-f/ We currently have about 75 FAQ pages and adding 4-6 per month. This is what brings in most our traffic. https://www.medicarefaq.com/faqs/2018-top-medicare-supplement-insurance-plans/ https://www.medicarefaq.com/faqs/2018-medicare-high-deductible-plan-f-changes https://www.medicarefaq.com/faqs/medicare-guaranteed-issue-rights We have 100 state specific pages (two for each state) https://www.medicarefaq.com/medicare-supplement/florida/ https://www.medicarefaq.com/medigap/florida/ https://www.medicarefaq.com/medicare-supplement/California/ https://www.medicarefaq.com/medigap/California/ We have 20ish carrier specific pages https://www.medicarefaq.com/medicare-supplement/humana/ https://www.medicarefaq.com/medicare-supplement/mutual-of-omaha/ Then we have about 30 blog pages so far and are publishing new blog posts weekly https://www.medicarefaq.com/blog/average-age-retirement-rising/ https://www.medicarefaq.com/blog/social-security-benefit-increase-announced-2018 https://www.medicarefaq.com/blog/new-california-bill-force-drugmakers-explain-price-hikes
Intermediate & Advanced SEO | | LindsayE0 -
Does Implemented SEO Changes Using Google Tag Manager are not supported any more?
Hello all! On May i read the article https://mza.bundledseo.com/blog/seo-changes-using-google-tag-manager and I implemented it in order to de-index some pages. I was really happy cause it worked but now the same problem appeared. Does anybody know if Google stopped taking into consideration SEO changes through Tag Manager? Hin6E Hin6E
Intermediate & Advanced SEO | | GeorgeGia0 -
Breadcrumbs and internal links
Hello, I use to move up my site structure with links in content. I have now installed breadcrumbs, is it is useful to still keep the links in content or isn't there a need to duplicate those links ? and are the breadcrumbs links enough. Thank you,
Intermediate & Advanced SEO | | seoanalytics1 -
HTTPS - implementation question
Hello, I am looking at a site on which they haven't 301'd http to https, so each URL is there whether you have http or https at the beginning. Why would a site owner not 301 to https? Is there any logical reason not to use 301? This particular website is simply using a canonical tag to point to the https version of each URL.
Intermediate & Advanced SEO | | McTaggart0 -
Microdata or RDFa for breadcrumb ?
Which one do u prefer and why? Does RDFa is better for SEO or is just the same as microdata?
Intermediate & Advanced SEO | | SeoMartin10 -
Authorship, SEO and implementation at an institutional level
Hi Everyone, Does anyone know of a great case study on how an institution and/or company implemented authorship in an organized manner to benefit their SEO efforts as an organization? Moz, I noticed you guys seemed to have done this? Can you give me some high level guidelines? BTW this would be a great blog post. Thanks Carla
Intermediate & Advanced SEO | | Carla_Dawson0 -
Altering Breadcrumbs based on User Path to Product URL
Hi, Our products are listed in multiple categories, and as the URLs are path dependent (example.com/fruit/apples/granny-smith/, example.com/fruit/green-fruit/granny-smith/ and so forth) we canonicalise to the 'default' URL (in this case example.com/fruit/apples/granny-smith/). For mainly crawling bandwidth issues I'm looking to change all product URL's to path neutral so there is only ever one URL per product (example.com/granny-smith/), but still list the product in multiple categories. If a user comes directly to example.com/granny-smith/ then the breadcrumbs will use the default path "Fruit > Apples", however if the user navigated to the product via another category then I'd like the breadcrumbs to reflect this. I'm not worried about cloaking as it's not based on user-agent and it's very logical why it's being done so I don't expect a penalty. My question is - how do you recommend this is achieved from a technical standpoint? Many sites use path neutral product URL's (Ikea, PCWorld etc) but none alter the breadcrumbs depending upon path. Our site is mostly behind a CDN so it has to be a client side solution. I currently view the options as: Store Path to product in a cookie and/or browsers local-cache Attach the Path details after a # in the URL and use Javascript to alter breadcrumbs onload with JQuery When a user clicks to a product from a listing page, use AJAX to pull in the product info but leave the rest of the page (including the breadcrumbs) as-is, updating the URL accordingly Do you think any of these wouldn't work? Do you have a preference on which one is best? Is there another method you'd recommend? We also have "Next/Previous" functionality (links to the previous and next product URLs) on the page so I suspect we'd need to attach the path after a # and make another round trip to the server onload to update the previous and next links. Finally, does anyone know of any sites that do update the breadcrumbs depending upon path? Thanks in advance for your time FashionLux
Intermediate & Advanced SEO | | FashionLux1