Question

我有一个页面，它以平行表格形式一次比较4个产品，即它一个接一个地提到它们的每个特征。这是sample page。

我希望标记这些功能，以便搜索引擎更容易解释。但是，在给出here的所有示例中，您必须在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>

因此，简而言之，有没有办法让我可以使用某些代码标记项目，然后使用它来引用该项目的其他详细信息？

如果我不清楚我的疑问，请发表评论！

Answer 1

使用itemref：

<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结构化数据测试工具here

的结果

Answer 2

您可能希望看一下SERP的内容。它显示了如何在“ItemList”

中拥有多个产品

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

H个

PS：这可以在http://www.google.com/webmasters/tools/richsnippets

上的Google结构化数据测试工具上正常运行

Answer 3

可是）））如果更现实 - 你总是有WebPage itemtype yes？所以，如果你有它我们有这个：

<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 result 我们有一个错误。如果我们添加相同的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 result

所以我们需要一种不同的方式，我是对的吗？

当页面上有多个产品时，使用微数据标记HTML代码

3 个答案: