Как правильно составить breadcrumbs по data-vocabulary.org?

Question

[Denis Verbin]

Здравствуйте! Подскажите, как правильно строить Breadcrumbs по схеме data-vocabulary.org/Breadcrumb?
Конкретно интересует - должны ли быть включены в разметку:
1. Главная страница
2. Текущая страница
Вот для примера addons.prestashop, Ни главная, ни текущая (страница товара) не присутствуют в разметке.


Походил по интернету, посмотрел примеры, везде по разному. У одних все разделы в разметке, у других начиная с главной и без страницы товара, у третих без главной и текущей, а есть и такие, где текущая страница тоже в разметке. Как правильно?

Answer 1

[Григорий Васильков]

Если ты используешь словарь data-vocabulary, то вот так:

<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>

Еще их можно разметить через ld+json (по schema.org), через верстку (по schema.org) и через тот же data-vocabulary, но вместо child-ов использовать вполне обыкновенную вложенность каждой следующей хлебушки в другую

К слову говоря, здесь больше не значит лучше, то есть если разметишь сразу всеми тремя - получишь warning, и хлебные крошки пропадут совсем, сделай как удобнее.