How to write breadcrumbs for data-vocabulary.org?

Question

Search Engine Optimization

Hello! Tell me how to build Breadcrumbs according to the data-vocabulary.org/Breadcrumb scheme?
Specifically interested - should be included in the markup:
1. Main page
2. Current page
Here is an example of addons.prestashop, Neither the main nor the current (product page) are present in the markup.

I looked around the Internet, looked at examples, everywhere in different ways. For some, all sections are in the markup, for others, starting with the main one and without a product page, for others without the main and current one, and there are those where the current page is also in the markup. How right?

Answer 1

If you are using the data-vocabulary, then like this:

<ul>
  <li id="breadcrumb-0" itemref="breadcrumb-1" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="/" itemprop="url">
      <span itemprop="title">Главная</span>
    </a>
  </li>
  <li> &gt; </li>
  <li id="breadcrumb-1" itemref="breadcrumb-2" itemprop="child" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="/tires/" itemprop="url">
      <span itemprop="title">Легковые шины</span>
    </a>
  </li>
  <li> &gt; </li>
  <li id="breadcrumb-2" itemref="breadcrumb-3" itemprop="child" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="/tires/kama/" itemprop="url">
      <span itemprop="title">КАМА</span>
    </a>
  </li>
  <li> &gt; </li>
  <li id="breadcrumb-3" itemref="breadcrumb-4" itemprop="child" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="/tires/kama/kama_234/" itemprop="url">
      <span itemprop="title">Кама-234</span>
    </a>
  </li>
  <li> &gt; </li>
  <li id="breadcrumb-4" itemprop="child" itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
    <span itemprop="title">195/65R15 91 H, Россия КАМА Кама-234</span>
    <link href="/tires/kama/kama_234/195_65_15_91_H_ops_9744/" itemprop="url">
  </li>
</ul>

They can also be marked up through ld + json (according to schema.org), through layout (according to schema.org) and through the same data-vocabulary, but instead of children, use the quite ordinary nesting of each next bread in another
By the way, here more does not mean better, that is, if you mark all three at once, you will receive a warning, and the breadcrumbs will disappear completely, do it as it is more convenient.