Правильная структура панировочных сухарей с ребенком

Question

Какая правильная структура панировочных сухарей?

Пример 1:

<a href="http://example.com/topic" itemprop="url"> 
    <span itemprop="title">Topic Archive</span></a> 

    <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb" style="display: inline;"> 
    <a href="http://example.com/topic/parent-category" itemprop="url"> 
    <span itemprop="title">ParentCategory</span></a> 
    </div> 

    <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb" style="display: inline;"> 
    <a href="http://example.com/child-category" itemprop="url"> 
    <span itemprop="title">Child Category</span></a> 
    </div> 

    <span>Post Title Goes Here</span> 

</div> 

Пример 2:

<div id="breadcrumb"> 
    <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
     <a rel="home" href="http://www.example.com/topic" itemprop="url"><span itemprop="title">Topic Archive</span></a> › 

     <span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
      <a href="http://www.example.com/topic/parent-category/" itemprop="url"><span itemprop="title">Parent Category</span></a> › 

      <span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
      <a href="http://www.example.com/topic/child-category/" itemprop="url"><span itemprop="title">Child Category</span></a> › 
      </span> 

     <span>Post Title Goes Here</span> 
     </span> 
    </span> 
</div> 

Пример 3:

<div id="breadcrumb"> 
    <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
     <a rel="home" href="http://www.example.com/topic" itemprop="url"><span itemprop="title">Topic Archive</span></a> › 

     <span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
      <a href="http://www.example.com/topic/parent-category/" itemprop="url"><span itemprop="title">Parent Category</span></a> › 

      <span itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
      <a href="http://www.example.com/topic/child-category/" itemprop="url"><span itemprop="title">Child Category</span></a> › 


      <h1 itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
      <a href="http://www.example.com/topic/child-category/current-post-link" itemprop="url"><span itemprop="title">Current Post Title</span></a> › 
      </h1>   

      </span> 
     </span> 
    </span> 
</div> 

Тест код здесь: Google Testing Tool

Например, номер 3, правильно ли включить текущую страницу в схему палитры? Я нарушаю какие-либо правила?

Answer 1

Если вы хотите использовать data-vocabulary.org (который уже считается устаревшим), то пример 3 является наиболее правильным. Стандартно включать текущую страницу в пакет. Пример 1 неверен, так как вы не вложили свои элементы. В этом случае вы хотели бы добавить свойство itemref и предоставить идентификаторы своим div. Свойство itemref должно совпадать с идентификатором следующего дочернего элемента. https://developers.google.com/structured-data/breadcrumbs?rd=1

Вы должны обязательно подумать о переходе на schema.org, так как это формат, который большинство поисковых систем почти наверняка согласятся. Согласно schema.org, ни одна из них не является надлежащей реализацией. Ваш общий список должен быть помечен как BreadcrumbList, причем каждый элемент будет помечен как ListItem. Да, по соглашению, текущая страница является последним элементом в списке.

https://schema.org/BreadcrumbList