Add breadcrumbs microdata to eyeo websites

[juliandoucette]

Background

See ​https://developers.google.com/search/docs/data-types/breadcrumbs

What to change

Add Microdata to websites with existing breadcrumbs:

<ol itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemscope itemtype="http://schema.org/Thing"
       itemprop="item" href="https://example.com/items">
        <span itemprop="name">Item</span>
        <img itemprop="image" 
           src="http://example.com/images/icon-item.png" alt="Items"/>
    </a>
    <meta itemprop="position" content="1" />
  </li>
</ol>

Add JSON-LD to websites without visual breadcrumbs:

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "https://example.com/items",
      "name": "Item",
      "image": "http://example.com/images/icon-item.png"
    }
  }]
}
</script>

[ire]

@juliandoucette Thanks for sharing all of this!

Is there any benefit/disadvantage to using the Markup or JSON-LD version? If not, perhaps we should pick one method to use across all our sites. I personally find the JSON-LD version much easier to read.

[juliandoucette]

Is there any benefit/disadvantage to using the Markup or JSON-LD version?

• There is a minor file size difference (that I haven't measured)
• The fact that if we have HTML for breadcrumbs and JSON for breadcrumbs then we have two breadcrumb structures on a page instead of one (if you count HTML with itemprops as one)

[ire]

Replying to juliandoucette:

Is there any benefit/disadvantage to using the Markup or JSON-LD version?

• There is a minor file size difference (that I haven't measured)
• The fact that if we have HTML for breadcrumbs and JSON for breadcrumbs then we have two breadcrumb structures on a page instead of one (if you count HTML with itemprops as one)

Got it, I think your initial suggestion makes the most sense then.

[juliandoucette]

This ticket is not specific enough to be actionable. I will address it separately in other more specific tickets.