{% if page.categories and page.categories != empty %}
  <nav class="breadcrumbs">
    <a href="{{ site.url }}">Home</a> <span class="divider">/</span> <a href="{{ site.url }}/{{ page.categories | first }}/">{{ page.categories | first | replace: '-',' ' | capitalize }}</a> <span class="divider">/</span>
  </nav><!-- /.breadcrumbs -->
{% endif %}
{% if page.categories and page.categories != empty %}
  <nav class="breadcrumbs">
    <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="{{ site.url }}" itemprop="url">
        <span itemprop="title">Home</span>
      </a> › 
    <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="{{ site.url }}/{{ page.categories | first }}/" itemprop="url">
        <span itemprop="title">{{ page.categories | first | replace: '-',' ' | capitalize }}</span>
      </a>
    </span>
  </nav><!-- /.breadcrumbs -->
{% endif %}
Add microdate markup for breadcrumb rich snippets
Add microdate markup for breadcrumb rich snippets
