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

Question

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

Это пример, показывающий хлебных крошек ссылки:

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

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

Использование › знака вместо :: Я даже копировать вставленный Google, own example code для микроданных реализации хлебных крошек:

<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 сервер и удивительно, что правильная проверка правильности. Я действительно не знаю, что делать дальше. Любой совет будет принят во внимание.

Answer 1

Я нашел способ использовать текущую разметку Schema.org для действительных панировочных сухарей. Важно не просто присоединять узлы панировки один за другим, а к вложить их и дать все, кроме первого, 'child' 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 разметку вместо этого. Это скажет поисковым системам, как ваши панировочные сухари связаны.

Answer 2

Использовать этот SCHEMA strcture

**

Use this for Microdata for breadcrumber

**

<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>

**

Important: It also used for SEO Purpose

**

enter link description here