27 Jan

Creating Breadcrumbs with Schema.org Micro Data

Understanding Breadcrumbs

Breadcrumbs are text links that are placed on a webpage to signal to both users and search engine the position of that webpage in respect to the home page. Users and search engines are going to use breadcrumbs to navigate to parent pages, subpages and the home page.

For example:

If a person is a blog post page the breadcrumbs on that page should look like:

Home > Blog > Blog Post Page

Note that the current page a person is located on is NOT hyperlinked.

Using Schema.org Micro Data in Breadcrumbs

Micro data is HTML markup that helps search engines spiders understand what particular elements or text on WebPages are.

For example you can use Micro data to signal to search engines:

Advantages of use Micro Data

If you use micro data correctly, you can get Google to display extra features in the search results pages.  In the example below you will notice a picture and that the hyper link is missing its middle sections.


Implementing Micro Data into Your Breadcrumbs

First you start by adding a reference to which set of micro data you are going to be using in the body of your webpage. For this example we are going to use http://schema.org/ micro data. Other options may include

<body itemscopeitemtype=”http://schema.org/WebPage”>

Then simply rap your breadcrumbs in a div tag with an Itemprop=”breadcrumbs” .

<div itemprop=”breadcrumb”>

<a href=” /”>Home</a>>

<a href=” /blog”>Blog</a>>

<a href=”../blog/blog-post “>Blog Post</a>


Using breadcrumbs in word press

There are many add on you can use to get breadcrumbs on your page. Such as yoast.com/. If you would like to enter the word press yourself using PHP then I would suggest to read this.

Breadcrumbs and URL Structure

Ideally your breadcrumbs should match your URL structure.

For example :


The breadcrumbs for this page would be:

Home > Jobs  > New York > Marketing Manager > Viacom

Validating Your Micro Data

If you would like to test the micro data you have implemented on your website you can use google’s free rich snippet testing tool here.











Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Elie Orgel