Проверка HTML5 для хлебных крошек микроданных

Question

Я пытаюсь проверить свои страницы, и единственная ошибка, которую он теперь выдает, это:

В этом пункте itemprop атрибута не разрешен для элемента a.

Мой код какследует:

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a>
</div>  

Это следует из электронного письма, предоставленного Google на следующей странице:

Панировочные сухари

Похоже, что также следует за микроданными HTML5Спецификация также здесь:

Микроданные HTML5

Есть идеи, почему это не подтверждается?Чего мне не хватает или это слишком новое для валидатора для проверки в данный момент?

Answer 1

Чтобы хлебные крошки отображались в поисковой выдаче, закодируйте свою разметку schema.org следующим образом.Обратите внимание на вложенность div и свойство child:

<div class="breadcrumb" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">

  <span class="breadcrumb-lead">YOU ARE HERE:</span>
  <a title="Go to %title%." href="%link%" class="%type%" itemprop="url">
  <span itemprop="title">Homepage</span></a>

  <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb" style="display: inline;">
    <a title="Go to %title%." href="%link%" class="%type%" itemprop="url">
    <span itemprop="title">Category One</span></a>
  </div>

  <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb" style="display: inline;">
    <a title="Go to %title%." href="%link%" class="%type%" itemprop="url">
    <span itemprop="title">Category Two</span></a>
  </div>

</div>

Это подтверждается в инструменте тестирования структурированных данных Google:

http://www.google.com/webmasters/tools/richsnippets

Много документации поРазметка schema.org для панировочных сухарей часто некорректна.Есть пара веток об этом.Выше мое рабочее решение, надеюсь, это поможет.

Answer 2

    <ol itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://www.example.com">
        <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="https://www.example.com/category1">
      <span itemprop="name">Category 1</span></a>
    <meta itemprop="position" content="2" />
  </li>
  ›
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://www.example.com/category1/subcategory">
      <span itemprop="name">SubCategory</span></a>
    <meta itemprop="position" content="3" />
  </li>
</ol>

Это предоставит гусеницу много данных о хлебных крошках.Если вы сделаете элементы списка встроенными, вывод будет следующим:

1.Дом> 2.Категория> 3.Субкатегория

Answer 3

schema.org пришел вместо data-vocabulary.org. Схема Schema.org согласована с основными поисковыми системами. И Schema.org не имеет itemprop = url в своей схеме. Таким образом, возможно, инструмент Google или его робот поисковой системы перестал следовать схеме data-vocabulary.org В любом случае лучше перейти на Schema.org Breadcrumb .

Itemtype - веб-страница по умолчанию для веб-страницы. Таким образом, даже если вы не предоставите itemtype - WebPage и не предоставите тип BreadCrumb, Google будет понимать его как крошку. Я прочитал это на странице Schema.org. Я дал вам ссылку для этого.

Используйте этот инструмент Google для проверки.

Answer 4

Какой валидатор вы использовали?Некоторые еще не поддерживают новейшие функции HTML5, а некоторые делают, но не запускают надлежащую проверку вашего документа из-за объявленного вами типа документа.

Однако недавно выпущенный валидатор Nu не должен иметьэти проблемы.Вы можете прочитать об этом в .net magazine .