Как реализовать разметку schema.org для хлебной крошки?

Существует не так много информации о реализации хлебных крошек с использованием разметки schema.org. До сих пор я мог получить два официальных документа -один показ этот:

<code><div itemscope itemtype="http://schema.org/Property" itemid="http://schema.org/breadcrumb">
   <link itemprop="domain" href="http://schema.org/WebPage"/>
   <link itemprop="range" href="http://schema.org/Text"/>
</div>
</code>

И другой показывая это:

<code><body itemscope itemtype="http://schema.org/WebPage">
  <div itemprop="breadcrumb">
    <a href="category/books.html">Books</a> >
    <a href="category/books-literature.html">Literature & Fiction</a> >
    <a href="category/books-classics">Classics</a>
  </div>
</body>
</code>

Две наценки довольно разные. Они имеют какой-то смысл для вас? Если они это сделают, как я могу заключить следующий простой код с этой разметкой - ПРАВИЛЬНЫЙ ПУТЬ?

<code><body>
  <span id="breadcrumbs">
      <a rel="home" href="http://example.com">
          <span>Noob Archive</span>
      </a> » 
      <span>
          <a href="http://example.com/topic/html/">
              <span>HTML</span>
          </a> » 
          <strong>Best Practices: Markup for Setting up Breadcrumbs on Web Pages</strong>
      </span>
  </span>
</body>
</code>

Спасибо!

 Brady Moritz22 февр. 2013 г., 07:05
У меня есть живой пример работающей версии schema.org - поиск "фибра баррель" и обратите внимание на разметку для результата, указанного вdeadlywind.com , Это заняло много времени, чтобы поисковая система распознала его.
 Brady Moritz19 февр. 2013 г., 20:25
Так. Глядя на ответы ниже, я вижу разногласия относительно правильного пути. Я лично реализовал версию из документации по schmea.org, но видел, как другие использовали также версию из словаря данных. Нет ли «правильного»? путь в schema.org?
 its_me22 февр. 2013 г., 13:46
@boomhauer Хотя deadlywind.com, похоже, использует разметку schema.org, на мой взгляд, они не используют ее для хлебных крошек. Они должны реализовывать это долгое время (годы).
 Brady Moritz22 февр. 2013 г., 16:03
Он реализован в соответствии с примером из schema.org (и так же, как второй пример в вашем вопросе) с использованием itemprop = & quot; breadcrumb & quot ;, хотя, похоже, есть некоторые различия (добавление itemprop = url в отдельные ссылки .. .)
 its_me20 февр. 2013 г., 03:34
@boomhauer версия словаря данных - путьfor now, В прошлый раз, когда я проверял, ни одна из поисковых систем не реализовала разметку schema.org. Какой бы ни была ваша разметка, уточните уGoogle's Structured Data Testing Tool а такжеBing Markup Validator посмотреть, сработает ли оно, и затем реализовать его.

Ответы на вопрос(8)

   itemscope itemtype="...">

Правильный синтаксис:

   itemscope="itemscope" itemtype="...">
 22 февр. 2013 г., 07:02
вау, а это работает?

так что не беспокойтесь об этом. Это просто говорит о том, что breadcrumb является текстовым свойством веб-страниц.

Пример наhttp://schema.org/WebPage это тот, который вы хотите использовать и понять. Он устанавливает фрагмент фрагмента в одно текстовое поле с надписью & quot; Книги & gt; Литература и Художественная литература & gt; Классическая & Quot ;.

Вы бы сделали это так:

<body itemscope itemtype="http://schema.org/WebPage">
  <span id="breadcrumbs" itemprop="breadcrumb">
      <a rel="home" href="http://example.com">
          <span>Noob Archive</span>
      </a> » 
      <span>
          <a href="http://example.com/topic/html/">
              <span>HTML</span>
          </a> » 
          <strong>Best Practices: Markup for Setting up Breadcrumbs on Web Pages</strong>
      </span>
  </span>
</body>

Результатом будет «Архив Noob» #BB; HTML & # xBB; Рекомендации: разметка для настройки панировочных сухарей на веб-страницах & quot ;.

Ты можешь использоватьhttp://linter.structured-data.org/ чтобы проверить, как анализируются свойства вашего элемента иhttp://diveintohtml5.ep.io/extensibility.html узнать больше о правилах разбора.

 22 окт. 2013 г., 18:17
отн = & Quot; главная & Quot; не определяется schema.org. Для лучшего примера возьмите добычу наW3C wiki
 03 апр. 2014 г., 11:06
Приведенный выше код не отображает панировочные сухари вgoogle.com/webmasters/tools/richsnippets
 20 нояб. 2014 г., 15:14
Эта разметка не работает с помощью инструментов Google для веб-мастеров.

Мех, нужно больше представителей, чтобы комментировать, Для тех, кто использует WordPress, проверьте этот плагин. Вы можете адаптировать его под свои нужды и следовать стандарту Google. Он имеет встроенное позиционирование.

    Can Download here -> breadcrumb-trail plugin

Это нужно немного исправить. Файл, который нам нужно отредактировать, это breadcrumb-trail-master \ inc \ breadcrumbs.php

Вам нужно отредактировать строку 213:

$breadcrumb = sprintf('<%1$s role="navigation" aria-label="%2$s" class="breadcrumb-trail breadcrumbs" itemprop="breadcrumb">%3$s%4$s%5$s</%1$s>',

Мы удаляем itemprop, поэтому он должен выглядеть следующим образом:

 $breadcrumb = sprintf('<%1$s role="navigation" aria-label="%2$s" class="breadcrumb-trail breadcrumbs">%3$s%4$s%5$s</%1$s>',

Теперь прокрутите вверх и отредактируйте строку 172:

 $breadcrumb .= '<ul class="trail-items" itemscope itemtype="http://schema.org/BreadcrumbList">';

Вместо этого добавьте itemprop здесь:

 $breadcrumb .= '<ul class="trail-items" itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">';

Автор думал, что ты должен был их разбить, я думаю. Теперь при проверке он должен правильно зарегистрироваться.

answer by @somori is incorrect - но это потому, что документация по правильной разметке панировочных сухарей с помощью microdata / schema.org часто неверна.

КАЖДЫЙ хлебный крошка должен быть объявлен с помощью свойства itemprop, вы не можете просто обернуть его с помощью itemprop = & quot; breadcrumb & quot; в содержащий div или span и использоватьitemprop="child" в вложенных div.

Больше информации здесь:

http://lists.w3.org/Archives/Public/public-vocabs/2012Jan/0016.html

Do it like this, to get your breadcrumbs to show up in SERPs:

<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

 19 февр. 2013 г., 21:02
data-запас слов является устаревшим предшественником schema.org
 its_me20 февр. 2013 г., 03:36
@boomhauer данные-словарь неexactly устарел еще.
 22 февр. 2013 г., 07:02
это все еще работает, но перейдите на data-vocabulary.com, и совершенно ясно, что его заменой является schema.org. Итак, для новой работы я бы предположил, что следует использовать последние.
 21 янв. 2013 г., 20:13
Он спросил о schema.org, а не о словарном запасе. Вы правы в некотором смысле, но также ошибаетесь.
 17 июл. 2013 г., 15:18
Ответ неверный,google parser Говорит, чтоitemprop="title" является:Error: Page contains property "title" which is not part of the schema.

<div itemprop="breadcrumb">
  <a href="category/books.html">Books</a> >
  <a href="category/books-literature.html">Literature & Fiction</a> >
  <a href="category/books-classics">Classics</a>
</div>

Источник :http://schema.org/WebPage (пример раздела, вкладка микроформат)

Другой ресурс:http://www.w3.org/wiki/WebSchemas/Breadcrumbs

В соответствии сЦентральный Справочный Форум Google для веб-мастеровв настоящее время эксперты не рекомендуют использовать разметку хлебного крошки schema.org, похоже, что в структуре schema.org хлебная крошка "есть какой-то сбой". Вместо этого настоятельно рекомендуется использовать разметку данных data-vocabulary.org, которую Google и другие поисковые системы также могут легко прочитать.

Пример разметки крошки data-vocabulary.org:

<div>
  <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://www.example.com/" itemprop="url">
      <span itemprop="title">example</span>
    </a> >
  </span>  
  <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://www.example.com/fashion/" itemprop="url">
      <span itemprop="title">Fashion</span>
    </a> >
  </span>  
  <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://www.example.com/fashion/women/" itemprop="url">
      <span itemprop="title">Women</span>
    </a> >
  </span>
  <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://www.example.com/fashion/women/boots/" itemprop="url">
      <span itemprop="title">Boots</span>
    </a>
  </span>
</div>
 17 дек. 2014 г., 18:03
Да, это тот, который работает.
 08 июн. 2017 г., 23:27
data-vocabulary.org заброшен. Schema.org является стандартом.
 20 нояб. 2014 г., 15:14
Это должен быть ответ № 1.
 31 окт. 2014 г., 23:58
это правильный ответ! Разметка Schema.org не генерирует визуально насыщенные sippets, по крайней мере, с помощью инструмента тестирования

обновление schema.org v1.92 (выпущено 2014-12-11). Новая система хлебных крошек является продолжениемItemList называетсяBreadcrumbList, каждыйBreadcrumbList содержит несколькоListItem элементы. Это позволяет использовать несколько «хлебных крошек» на странице, отделяя каждую отдельную ссылку как отдельнуюListItemи обеспечивает обертку вокруг всей крошки. Это должно удовлетворить почти каждый случай использования.

Вот пример микроданных из schema.org:

<ol itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/dresses">
    <span itemprop="name">Dresses</span></a>
    <meta itemprop="position" content="1" />
  </li>
› <li itemprop="itemListElement" itemscope
      itemtype="http://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/dresses/real">
    <span itemprop="name">Real Dresses</span></a>
    <meta itemprop="position" content="2" />
  </li>
</ol>

Google недавно переработанИнструмент тестирования структурированных данных разбирает эту разметку правильно. Однако из-за редизайна этого инструмента предварительный просмотр поиска упал, поэтому трудно сказать, как Google будет отображать хлебные крошки с этой разметкой в результатах поиска Google (или если Google вообще будет использовать эти данные).linter.structured-data.org также правильно анализирует эту новую разметку, но, как там уже упоминалось, & quot; этот предварительный просмотр показан только в качестве примера того, что выполняет поисковая система.might дисплей. На усмотрение каждого поставщика поисковых систем решать, будет ли ваша страница отображаться как расширенный результат поиска или нет на их страницах с результатами поиска. & Quot;

Инструменты Google для веб-мастеров недавно добавлена возможность отслеживать, насколько хорошо ваши структурированные данные индексируются. Он не показывает, какие структурированные данные используются в результатах поиска, но он показывает, какие данные индексируются на каких страницах, а также показывает любые ошибки в ваших структурированных данных.

 09 нояб. 2015 г., 04:36
Инструмент тестирования Google теперь правильно анализирует приведенный выше пример.
 10 нояб. 2015 г., 02:21
Приятно :-) Хотя они полностью переработали инструмент тестирования структурированных данных, он больше не показывает предварительный просмотр результатов поиска. Новый инструмент выглядит и работает аналогично инструменту linter.structured-data.org. Ответ был обновлен, чтобы отразить это.

данных Google

<nav role="navigation" class="breadcrumb" itemscope itemtype="http://schema.org/Breadcrumb">
    <ol itemscope itemtype="http://schema.org/BreadcrumbList">
      <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="/"><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="/about-us"><span itemprop="name">About Us</span></a>
        <meta itemprop="position" content="2" />
      </li>
    </ol>
</nav>

Ваш ответ на вопрос