时间戳

首页 > 解决方案 > 如何在 ItemList 中为产品编码标记？

schema.org - 如何在 ItemList 中为产品编码标记？

问题描述

我已经改编了来自http://schema.org/ItemList上的示例 2 的代码

我如何与它一起使用它Product？在首页和其他一些页面上，我有一个产品列表，我希望对其进行更好的标记。

以下代码给出了错误

位置字段的值是必需的。

但Product没有位置，所以如果有一个值，position它会给出不同的错误。

<ul itemscope itemtype="http://schema.org/ItemList">
    <meta itemprop="numberOfItems" content="10" />

        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/Product">

            <!-- <meta itemprop="position" content="1" /> -->

            <a href="#" itemprop="url">
                <img src="asdf.jpg" itemprop="image">
                <div class="product-list__title" itemprop="name">
                    Product name
                </div>
                <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
                    <div itemprop="price">
                        $12
                    </div>
                    <link itemprop="availability" href="http://schema.org/InStock" />
                </div>
            </a>

        </li>

</ul>

标签： schema.orgmicrodata

解决方案

该itemListElement属性具有三个预期值：

  • ListItem
  • Text
  • Thing

ListItem也是 a Thing，但它被明确列出，因为它在这里有一个特殊的作用：ListItem提供position属性。如果您需要传达列表项的位置，则必须提供ListItem值。

请注意，并非每个人都ItemList需要这个。您使用Product值的示例很好（除了meta不能是 子元素的元素ul），除非您尝试获得 Google 的丰富结果（这就是错误消息的内容），否则您可以保持这样。

如果您确实想提供职位，itemListElement可能如下所示：

<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
  <meta itemprop="position" content="1" />
  <div itemprop="item" itemscope itemtype="http://schema.org/Product">
    <!-- your Product -->
  </div>
</li>

推荐阅读