A typical BigCommerce website is structured around categories, sub categories and products. BigCommerce can display a list of links at the top of these pages that help visitors navigate to the higher level pages in this category hierarchy. This set of links is called a Breadcrumb.
Google also likes to display breadcrumbs in its search results. This is as extra green links after the domain name. Google tries to find these breadcrumb links on websites so they can use them. This example contains breadcrumbs indicating the category and subcategory pages related to a product.
There are standard methods to officially indicate a breadcrumb on a page. Using these methods can greatly increase your chances of getting breadcrumbs in your results.
Note that this is an advanced task and should only be done by someone who is familiar with editing BigCommerce Blueprint templates. I'd recommend you backup any file your about to edit.
We offer several BigCommerce Packages which includes a Rich Snippet package for setting this up on both Blueprint and Stencil themes.
The Semantic Standards
All the instructions relate to editing Blueprint template files in the Design->Edit HTML/CSS section of the BigCommerce Admin.
Adding the Home Breadcrumbs
The following Panels have breadcrumb based links. Your template may vary so it is best to visually check for these Breadcrumb files.
The code in each is not the same, so you need to inspect and edit each one carefully. I'll use AccountBreadcrumb.html as an example:
<div class="Block Breadcrumb Moveable Panel" id="AccountBreadcrumb" itemprop="breadcrumb"> <ul> <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="%%GLOBAL_ShopPathNormal%%/"><span itemprop="title">%%LNG_Home%%</span></a></li> <li><a href="%%GLOBAL_ShopPath%%/account.php">%%LNG_YourAccount%%</a></li> <li>%%LNG_AddShippingAddress%%</li> </ul> </div>
For each list item (li) that contains a link we want in the breadcrumb we add the highlighted code. The first bit says the li tag is a scope that contains a breadcrumb. Then the code in the link says that it contains the breadcrumbs URL. Then an extra span is added around the text to indicate it is the title of the Breadcrumb.
In this case we only have the Home page link as part of the breadcrumb trail which is the case for most of the panels. Marking up the Home page link like this tells Google which page is the start of the trail.
I also marked up the brand link in Panels/BrandBreadcrumb.html so that Brand name links can show up.
Adding the Category Breadcrumbs
The category breadcrumb links are defined in Snippets/BreadcrumbItem.html which need to be changed like this:
<li class="Breadcrumbitem" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="%%GLOBAL_CatTrailLink%%"><span itemprop="title">%%GLOBAL_CatTrailName%%</span></a></li>
And that's it. You can test it using the Google Rich Snippet Tool.
Also test all the pages to check if they are still working as expected, then wait a few weeks to see if Google picks up on them and starts showing your breadcrumb links in its results.
Please provide feedback if you have any issues.