2015-07-03 3 views
0

Я обновляю Rich snippets на странице рецепта и при тестировании результатов в инструменте тестирования Google Structured Data (https://developers.google.com/structured-data/testing-tool/). Я получаю некоторые ошибки из-за того, что хлебная крошка находится в области рецепта.Rich Snippets Breadcrumb в рецепте

Это ошибка блокировки? Какое может быть разрешение? Некоторая дополнительная надбавка вокруг части панировки?

<!DOCTYPE html> 

<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta charset="utf-8" /> 
    <title></title> 
</head> 
<body class="" itemscope itemtype="http://schema.org/Recipe"> 

    <h1><span itemprop="name">Baked Cheesy Dippers with Nacho Cheese Cheddar</span></h1> 
    <div class="extraPropeties"> 
     <span itemprop="description">A fun way to serve chicken dippers and keep kids interested</span> 

     <span itemprop="recipeYield">4 Persons</span> 


     <span itemprop="nutrition" itemscope itemtype="http://schema.org/NutritionInformation"> 
      <span itemprop="calories">11</span> 

      <span itemprop="fatContent">31</span> 

      <span itemprop="proteinContent">41</span> 

      <span itemprop="carbohydrateContent">51</span> 

      <span itemprop="fiberContent">61</span> 

      <span itemprop="cholesterolContent">71</span> 

     </span> 
    </div> 

    <div class="part2"> 

     <div class="shortInfo"> 

      <div class="shortInfoTile"> 
       <div class="key">Preparation time</div> 
       <div class="value"> 
        <span datetime="PT10M" itemprop="prepTime">10</span><span class="unit">'</span> 
       </div> 
      </div> 

      <div class="shortInfoTile"> 
       <div class="key">Cooking time</div> 
       <div class="value"> 
        <span datetime="PT20M" itemprop="cookTime">20</span><span class="unit">'</span> 
       </div> 
      </div> 

      <div class="shortInfoTile"> 
       <div class="key">Nr of servings</div> 
       <div class="value"> 
        <span>4</span> 
       </div> 
      </div> 
     </div> 
    </div> 


    <div class="breadcrumb"> 
     <div class="wrapper"> 
      <div class="typoMinusR"> 
       <span class="word" id='bc_0' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemref='bc_1'> 
        <span class="first"></span> 
        <a href="/" itemprop="url"> 
         <span itemprop="title">Home</span> 
        </a> 
        <span class="last"></span> 
       </span> 

       <span class="word" id='bc_1' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemprop='child' itemref='bc_2'> 
        <span class="first"></span> 
        <a href="/recipes" itemprop="url"> 
         <span itemprop="title">Recipes</span> 
        </a> 
        <span class="last"></span> 
       </span> 

       <span class="word" id='bc_2' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemprop='child'> 
        <span class="first"></span> 
        <a href="/recipes/baked-cheesy-dippers-with-nachos-beans-cheddar" itemprop="url"> 
         <span itemprop="title">Baked-Cheesy-Dippers-with-Nacho-Bean-Cheddar</span> 
        </a> 
        <span class="last"></span> 
       </span> 

      </div> 
     </div> 
    </div> 

</body> 
</html> 
</html> 

ответ

2

Вложение в http://data-vocabulary.org/Breadcrumb элемент в http://schema.org/Recipe пункта не является проблемой. Microdata не заботится о вложенности HTML5, если не используется свойство (itemprop).

Проблема в вашем случае является то, что ваши 2-й и 3-й пункты Breadcrumb (которые имеют свойство child) не являются вложенными в http://data-vocabulary.org/Breadcrumb пункта, но в http://schema.org/Recipe пункта. Таким образом, они связаны с рецептом, что, конечно, неверно.

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

+0

Сухарь проверена, и результат показывает правильную структуру в валидаторе. Рецепт не проверяется, так как он не находит дочерний элемент productprop. –

+0

@LaurentLequenne: Да, это то, что я пытался объяснить в своем ответе, нет? Что-то неясно? – unor

+0

Нет, все в порядке ... Я вложил все панировочные сухари в первый элемент, и это нормально –

0
<div class="breadcrumb"> 
    <div class="wrapper"> 
     <div class="typoMinusR"> 

      <span id='bc_0' itemscope itemtype='http://data-vocabulary.org/Breadcrumb'> 
       <span class="word"> 

        <a href="/" itemprop="url"> 
         <span itemprop="title">Home</span> 
        </a> 
        <span class="last"></span> 
       </span> 

       <span id='bc_1' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemprop='child'> 
        <span class="word"> 

         <span class="first"></span> 

         <a href="/range" itemprop="url"> 
          <span itemprop="title">Our Range</span> 
         </a> 
         <span class="last"></span> 
        </span> 

        <span id='bc_2' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemprop='child'> 
         <span class="word"> 

          <span class="first"></span> 

          <a href="/range/fish2" itemprop="url"> 
           <span itemprop="title">Fish</span> 
          </a> 
          <span class="last"></span> 
         </span> 

         <span id='bc_3' itemscope itemtype='http://data-vocabulary.org/Breadcrumb' itemprop='child'> 
          <span class="word"> 

           <span class="first"></span> 

           <a href="/range/fish2/inspirations" itemprop="url"> 
            <span itemprop="title">Inspirations</span> 
           </a> 
           <span class="last"></span> 
          </span> 
         </span> 
        </span> 
       </span> 
       <span class="word currentitem"> 
        <span class="first"></span> 
        <span class="label">Inspirations Fish Chargrills - Sun Ripened Tomato and Oregano</span> 
        <span class="last"></span> 
       </span> 
      </span> 
     </div> 
    </div> 
</div>