Разметка HTML-кода микроданными при наличии нескольких товаров на странице

У меня есть страница, которая сравнивает 4 продукта одновременно в параллельной табличной форме, т.е. на ней упоминаются особенности каждого из них один за другим. Вот пример страницы .

Я хочу пометить эти функции, чтобы поисковым системам было легче их интерпретировать. Однако во всех примерах, приведенных здесь, чтобы упомянуть все функции продукта одновременно в div. Это создает проблему для моего случая, когда я упоминаю характеристики продукта вместе.

Типичный пример выглядит следующим образом: -

<div itemscope itemtype="http://schema.org/Offer">
  <span itemprop="name">Blend-O-Matic</span>
  <span itemprop="price">$19.95</span>
</div>

Тем не менее, я хотел бы, чтобы это было так: -

<div itemscope itemtype="http://schema.org/Offer">
      <span itemprop="name">Blend-O-Matic</span> // Item 1
    </div>
   <div itemscope itemtype="http://schema.org/Offer">
      <span itemprop="name">Blend-O-Matic2</span> // Item 2
    </div>

Далее следует: -

 <div itemscope itemtype="http://schema.org/Offer">
      <span itemprop="price">$19.95</span> // Item 1
    </div>
   <div itemscope itemtype="http://schema.org/Offer">
      <span itemprop="price">$21.95</span> // Item 2
    </div>

Итак, в двух словах, есть ли способ пометить элемент некоторым кодом, а затем использовать его для ссылки на другие детали этого элемента?

Пожалуйста, прокомментируйте, если я неясно задаю свои сомнения!


person Prashant Singh    schedule 03.06.2013    source источник


Ответы (3)


Используйте 1_:

<div itemscope itemtype="http://schema.org/Offer" itemref="item1_price">
    <span itemprop="name">Blend-O-Matic</span>
</div>

<div id="item1_price">
    <span itemprop="price">$19.95</span>
</div>

См. результаты с помощью инструмента тестирования структурированных данных Google здесь

person haim770    schedule 03.06.2013
comment
Потрясающе :) Вы сделали мой день! - person Prashant Singh; 03.06.2013
comment
У меня есть это: <div class="prices" itemprop="offers" itemscope itemtype="http://schema.org/Offer" itemref="stock-status">. Я попытался связать это с доступностью следующим образом: <p id="stock-status"><link itemprop="availability" href="http://schema.org/InStock" /></p> и связать это: <div id="stock-status"><link itemprop="availability" href="http://schema.org/InStock" /></div> Но доступность интерпретируется как часть родительской Product схемы, а не предложения. Так что я получаю Error: Page contains property "availability" which is not part of the schema. - person Buttle Butkus; 05.12.2013

Возможно, вы захотите взглянуть на это для SERP. Он показывает, как иметь несколько продуктов в «ItemList».

http://scottgale.com/schema-org-markup-serp/2013/03/17/

ч

PS: Это работает без ошибок и проблем в инструменте тестирования структурированных данных Google по адресу http://www.google.com/webmasters/tools/richsnippets

person Jaans    schedule 28.06.2013

Но))) Если быть более реалистичным - у вас всегда есть тип элемента WebPage да? Итак, если у вас есть это, у нас есть об этом:

<div itemscope="" itemtype="http://schema.org/WebPage">
      <div itemscope itemtype="http://schema.org/Offer" itemref="item1_price">
           <span itemprop="name">Blend-O-Matic</span>
      </div>

      <div id="item1_price">
           <span itemprop="price">$19.95</span>
      </div>
</div>

См. схему результат Google И у нас есть ошибка. Если мы добавим тот же itemscope="" itemtype="http://schema.org/Offer", у нас будет одно полное предложение и один дубликат только с ценой. Код:

<div itemscope="" itemtype="http://schema.org/WebPage">
      <div itemscope="" itemtype="http://schema.org/Offer" itemref="item1_price">
           <span itemprop="name">Blend-O-Matic</span>
      </div>

      <div itemscope="" itemtype="http://schema.org/Offer">
           <span id="item1_price" itemprop="price">$19.95</span>
      </div>
</div>

результат Google

Значит, нужен другой путь, как я понимаю, я прав?

person swaymax    schedule 06.06.2013
comment
Я думаю, что вы не правильно поняли вопрос. Вам понадобится атрибут itemref, если все детали продукта собраны вместе. itemref просто используется для маркировки продукта, а затем присваивает некоторые значения позже. См. здесь google.com/webmasters/tools/ - person Prashant Singh; 09.06.2013
comment
Ух ты!! ))) Что это за itemprop=coresAvailable? Вы добавляете свой собственный класс? Или использовали расширение схемы? - person swaymax; 10.06.2013
comment
Говорят, что всегда можно добавить свой класс, если его нет. Google, вероятно, поймет это. schema.org/docs/extension.html - person Prashant Singh; 14.06.2013