Микроданные хлебных крошек не отображаются в инструменте предварительного просмотра структурированных данных

Я пробую микроданные для хлебных крошек на сайте разработки и следовал собственному примеру Google, но по какой-то причине фактическая хлебная крошка не отображается в инструменте тестирования структурированных данных.

Вот как выглядит мой код:

<div class="back" xmlns:v="http://rdf.data-vocabulary.org/#">
    <h3>
        <span itemprop="breadcrumb" typeof="v:Breadcrumb">
            <a href="http://www.SteaksAndGame.com/" title="Online Shopping" rel="v:url" property="v:title">Steaks And Game</a>
        </span> :: 
        <span itemprop="breadcrumb" typeof="v:Breadcrumb">
            <a href="http://www.SteaksAndGame.com/wagyu-steaks/" title="Wagyu Steaks" rel="v:url" property="v:title">Wagyu Steaks</a>
        </span> :: 
        <span itemprop="breadcrumb" typeof="v:Breadcrumb"><a href="http://www.SteaksAndGame.com/wagyu-steaks/tenderloin-filet-mignon-052" title="Tenderloin - Filet Mignon" rel="v:url" property="v:title">Tenderloin - Filet Mignon</a>
        </span>
    </h3>
    <div class="clear"></div>
</div>

И вот что показывает мне инструмент структурных данных: Он показывает URL-адрес под заголовком вместо ссылок в виде крошек.

Это пример, показывающий навигационные ссылки: введите здесь описание изображения

  • Тестовая страница: здесь
  • Предварительный просмотр страницы с помощью инструмента структурированных данных: здесь
  • сайт создан с использованием Asp.Net

Я пробовал несколько вещей, таких как:

Используя знак › вместо ::, я даже скопировал собственный пример кода Google для реализации навигационных цепочек микроданных:

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

Я скопировал весь исходный код страницы на другую страницу на Linux-сервере, и, что удивительно, это правильно подтверждается. Я действительно не знаю, что делать дальше. Любой совет будет принят во внимание.


structured-data microdata schema.org rich-snippets
person Bogdan    schedule 22.08.2013    source источник
comment
...... так почему бы вам просто не использовать пример, если он работает?   -  person albert    schedule 23.08.2013
comment
Я сделал, и это не сработало, когда я реализовал это на сайте...   -  person Bogdan    schedule 24.08.2013
comment
....что еще происходит на сайте? Вы проверили разметку и css? можешь поделиться?   -  person albert    schedule 25.08.2013
comment
образец страницы можно найти здесь и я нашел некоторые ошибки с W3C Validator, я думаю, что они отображаются из-за doctype: пример ошибки: there is no attribute "itemscope"   -  person Bogdan    schedule 25.08.2013
comment
ой сколько ошибок. Хм. Бьюсь об заклад, это ваш тип документа, если не сказать больше ... почти уверен, что все это - html5, хотя это не похоже на большую тройку, не знаю, что вы подразумеваете в своей разметке ... это их спецификация. мой совет - сменить тип документа.   -  person albert    schedule 26.08.2013
comment
изменил тип документа и уменьшил большинство ошибок, но у меня все та же проблема   -  person Bogdan    schedule 28.08.2013
comment
и вы все еще используете предоставленную Google разметку?   -  person albert    schedule 28.08.2013

Ответы (2)


arrow_upward
2
arrow_downward

Я нашел способ использовать текущую разметку Schema.org для действительных хлебных крошек. Важно не просто добавлять навигационные ссылки одну за другой, а вкладывать их и присваивать всем, кроме первой, 'дочерний' itemprop.

<p id="breadcrumbs">
    <span itemprop="breadcrumb" itemscope="itemscope" itemtype="http://schema.org/Breadcrumb">
        <a href="http://www.example.com/dresses" itemprop="url"><span itemprop="title">Dresses</span></a>
        &raquo;
        <span itemprop="child" itemscope="itemscope" itemtype="http://schema.org/Breadcrumb">
            <a href="http://www.example.com/dresses/real" itemprop="url"><span itemprop="title">Real Dresses</span></a>
            &raquo;
            <span itemprop="child" itemscope="itemscope" itemtype="http://schema.org/Breadcrumb">
                <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url"><span itemprop="title">Real Green Dresses</span></a>
            </span>
        </span>
    </span>
</p>

Именно так это работает с Data-Vocabulary.org, вместо этого он просто использует более актуальную разметку Schema.org. Это сообщит поисковым системам, как связаны ваши хлебные крошки.

person flixos90    schedule 06.09.2013

arrow_upward
0
arrow_downward

Использовать эту структуру SCHEMA

**

Используйте это для микроданных для хлебных крошек

**

<div class="breadcrumbs">
  <ul>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="home" >
      <a href="index.html" title="Go to Home Page" itemprop="url">
        <span itemprop="title">Home</span>
      </a>
      <span>></span>
    </li>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="category5">
      <a href="product.html" title="Product" itemprop="url">
        <span itemprop="title">product name</span>
      </a>
      <span>></span>
    </li>
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="category5">
      <a href=".finalproduct.html" title="final product" itemprop="url">
        <span itemprop="title">final product</span>
      </a>
      <span>></span>
    </li>
    <li class="category6"><strong>Final Product view</strong></li>
  </ul>
</div>

**

Важно: он также используется для целей SEO.

**

введите здесь описание ссылки

person Bruce    schedule 10.06.2015