Question

我有产品网格。可以使用网格中的每个产品行来显示完整的产品详细信息（使用Ajax完成）。下面的示例显示了我如何将微数据实现到网格中（而不是完整的产品详细信息）。相同的微数据在页面中反复重复这是最好的方法吗？

<tbody>
        @foreach (var product in Model)
        {

            <tr itemscope itemtype="http://schema.org/Product" class="tr_prod" style="height:105px;" productid="@product.Id" optionid="@product.OptionId" shopcityid="@product.ShopCityId">
                <td>
                    <div class="prod_img_small">
                        <img class="preview" src="@Url.Content("~/Files/Products/" + product.ImgFileName)" />
                    </div>
                </td>
                <td itemprop="name">                       
                    <b>@product.Name</b>
                </td>
                <td>
                    <div itemprop='productID'>                           
                        <b>@product.Id</b>
                    </div>
                </td>

                <td>
                    <div itemscope itemprop="priceSpecification" itemtype="http://schema.org/DeliveryChargeSpecification">

                        <b><span itemprop="price">@product.DeliveryPrice</span></b>
                    </div>
                </td>
                <td>                       
                    <b>@product.ProductPrice</b>
                </td>
                <td>

                    <b>@product.TotalPrice </b>
                </td>

            </tr>    
        }
    </tbody>

Answer 1

看起来对我有效。有些项目范围甚至可以升级为<TD>，如priceSpecification。

使用AJAX添加的所有元数据当然都不会显示给蜘蛛，因此需要考虑。

您还可以向页面添加元数据，以表明它是产品的集合。

<body itemscope itemtype="http://schema.org/CollectionPage">
  ...
</body>

微数据与产品网格

1 个答案: