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

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

На данный момент атрибут 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

Любые идеи, почему это не подтверждается? Что я упускаю, или это слишком ново для проверки валидатором в данный момент?


validation html breadcrumbs microdata
person andrewdixon    schedule 14.02.2012    source источник
comment
Я считаю, что это случай неправильного типа документа? Какой тип документа вы используете?   -  person superhero    schedule 04.04.2012

Ответы (4)


arrow_upward
1
arrow_downward

Чтобы хлебные крошки отображались в поисковой выдаче, закодируйте разметку 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 для «хлебных крошек» совершенно неверна. Есть парочка тем по этому поводу. Выше мое рабочее решение, надеюсь, оно поможет.

person Rowe Morehouse    schedule 16.10.2012

arrow_upward
0
arrow_downward

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

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

person linclark    schedule 15.02.2012

arrow_upward
0
arrow_downward

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

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

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

person Satya Prakash    schedule 05.04.2013

arrow_upward
0
arrow_downward 

    <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.Подкатегория

person Webengineer    schedule 10.12.2018