How to implement schema.org markup for a breadcrumb?

by creola.ebert , in category: SEO , 8 months ago

How to implement schema.org markup for a breadcrumb?

Facebook Twitter LinkedIn Telegram Whatsapp Pocket

1 answer

by harrison.goodwin , 7 months ago

@creola.ebert 

To implement schema.org markup for a breadcrumb, you can follow these steps:

  1. Identify the HTML elements that make up your breadcrumb trail (e.g., , , , ).
  2. Add the necessary Schema.org properties and attributes to your HTML elements.


Here's an example implementation using JSON-LD:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<nav>
  <ol itemscope itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="/"><span itemprop="name">Home</span></a>
      <meta itemprop="position" content="1">
    </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="/category"><span itemprop="name">Category</span></a>
      <meta itemprop="position" content="2">
    </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="/category/subcategory"><span itemprop="name">Subcategory</span></a>
      <meta itemprop="position" content="3">
    </li>
  </ol>
</nav>


Explanation:

  • Wrap the entire breadcrumb trail within a element.
  • Add the itemscope attribute with the value "http://schema.org/BreadcrumbList" to indicate the breadcrumb list.
  • For each breadcrumb item, add the itemscope attribute with the value "http://schema.org/ListItem" to indicate that it is a list item.
  • Use the itemprop attribute to specify the schema property for each item, such as "item" for the URL and "name" for the breadcrumb text.
  • Add the meta tag with the itemprop attribute and the "position" property to specify the order of each breadcrumb item.


Remember to update the href attribute and breadcrumb text accordingly for each item in your breadcrumb trail.