Schema.org's BreadcrumbList not displaying correctly in Google's search results

Question

I am working on a website where I am implementing Schema.org's BreadcrumbList.

The display in Google's search results is not correct. This is how I marked up my breadcrumbs trail:

<ol class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
     <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
          <a itemprop="item" href="/"><span itemprop="name">My Website</span></a><meta itemprop="position" content="1" />
     </li>
     <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
          <a itemprop="item" href="/brands"><span itemprop="name">Brands</span></a><meta itemprop="position" content="2" />
     </li>
     <li class="active">My Brand</li>
</ol>

If I were to Google the name of the brand, then this is how the breadcrumbs trail is displayed in the search results:

www.mywebsite.com › ... › Brands › Brands › Brands › Brands

Why is there an elipses and why does the word "Brands" display so many times? What do I need to do to fix it?

Is it safe to use http://schema.org/BreadcrumbList or should I rather stick to http://data-vocabulary.org/Breadcrumb for the time being?

Answer 1

This does seem to work now. It was probably due to the fact that it was not implemented correctly (from Google's side).

My markup was correct as per specification:

https://developers.google.com/structured-data/breadcrumbs