Last Updated: October 12, 2018
·
2.966K
· sampsakuronen

Google-compliant breadcrumbs

With microdata you can get google to show your breadcrumbs in search results (copy & paste for easy reading). Google shows a maximum of 3 breadcrumbs. After that it shorts them with "..." retaining the 3 most specific.

<nav class="breadcrumbs" >
  <ol>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="/" itemprop="url">
        <span itemprop="title">Reaktor</span>
      </a>
    </li>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="/en/careers/" itemprop="url">
        <span itemprop="title">Careers</span>
       </a>
    </li>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
        <a href="/en/careers/anton-rissanen/" itemprop="url">
          <span itemprop="title">Anton Rissanen</span>
        </a>
     </li>
  </ol> 
</nav>

Picture

You can test these things at: http://www.google.com/webmasters/tools/richsnippets