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

概述我有一个页面,它以平行的表格形式一次比较4个产品,即它一个接一个地提到它们的每个特征.这是一个 sample page. 我希望标记这些功能,以便搜索引擎更容易解释.但是,在here给出的所有示例中,您必须在div中一次提及产品的所有功能.这对我的情况造成了问题,我在一起提到了产品的功能. 给出的典型示例如下： – <div itemscope itemtype="http://schema.or 我有一个页面,它以平行的表格形式一次比较4个产品,即它一个接一个地提到它们的每个特征.这是一个 sample page.

我希望标记这些功能,以便搜索引擎更容易解释.但是,在here给出的所有示例中,您必须在div中一次提及产品的所有功能.这对我的情况造成了问题,我在一起提到了产品的功能.

给出的典型示例如下： –

<div itemscope itemtype="http://schema.org/Offer">  <span itemprop="name">Blend-O-Matic</span>  <span itemprop="price">.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">.95</span> // Item 1    </div>   <div itemscope itemtype="http://schema.org/Offer">      <span itemprop="price">.95</span> // Item 2    </div>

因此,简而言之,是否有一种方法可以使用某些代码标记项目,然后使用它来引用该项目的其他详细信息？

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

解决方法 使用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">.95</span></div>

查看Google结构化数据测试工具here的结果

总结

以上是内存溢出为你收集整理的当页面上有多个产品时,使用微数据标记HTML代码全部内容，希望文章能够帮你解决当页面上有多个产品时,使用微数据标记HTML代码所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。