网上商店中的元数据,页面上有多个产品

时间:2013-08-15 10:45:34

标签: magento metadata product schema.org

我们在Magento有一个网店,有很多分组产品。分组的产品页面包含基本信息,然后是包含所有产品的表格。此表包含SKU的每一行,一些属性和价格。我想添加元数据(从schema.org)到它,但我不知道如何做到这一点。

我通过为该表中的每一行添加itemtype产品来尝试它,但是它不会以任何方式链接到产品名称。我也尝试将整个页面作为产品,但这并没有产生预期的结果。

有没有人遇到这个并解决了它?欢迎任何意见!

我正在处理的页面:clickie

1 个答案:

答案 0 :(得分:1)

事实上,在每一行中你都有一些不同的产品(根据直径,长度等不同而不同)。理想情况下,您应使用嵌套在 schema.org/Offer 中的 schema.org/Product 进行指示,并使用 itemref 与常规产品信息相关联。像这样的Smth:

<div id="product_general">
    <h1 itemprop="name" >Induweb spiraalboor, HSS, Rolgewalst, DIN 338, type N</h1>
</div>

<div itemscope itemtype="http://schema.org/Offer">
    <div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product" itemref="product_general">
        <span itemprop="model">Diameter: 1.0</span>
    </div>
    <span itemprop="Price">€ 0,13</span>
</div>

这里的问题是您使用 table 来获取特定产品和商品信息。似乎没有办法在你当前的设计中使用有效的HTML代码进行构造。但是,如果你想要更多Rich Scippets而不是超级正确的标记,这对你来说不是一个大问题。

因此,您现在使用Rich Snippets的问题是最高价格不正确。 enter image description here

您可以使用 schema.org/AggregateOffer 轻松解决此问题。在您当前的代码(简易版)中:

<div class="wrapper product-view" itemscope itemtype="http://schema.org/Product">

    <h1 itemprop="name" id="product_name">Induweb spiraalboor, HSS, Rolgewalst, DIN 338, type N</h1>
    <img itemprop="image" src="http://induweb.nl/media/catalog/product/cache/1/image/185x/5e06319eda06f020e43594a9c230972d/import/Verspanen/Boren/Cylindrische schacht/100000002-induweb-spiraalboor-hss-rolgewalst-din-338-type-n_0/induweb.nl--100000002-30.jpg" alt="Induweb spiraalboor, HSS, Rolgewalst, DIN 338, type N" title="Induweb spiraalboor, HSS, Rolgewalst, DIN 338, type N" />
    <table><tr><td itemprop="brand">InduWeb</td></tr></table>
    <div  itemprop="description">
                        <p>&middot; Rolgewalst <br />&middot; Cilinderschacht <br />&middot; Rechtssnijdend <br />&middot; Kegelmantelgeslepen 118&deg; <br />&middot; Zwarte uitvoering</p>                    </div>

    <!-- Put http://AggregateOffer here with high and low price properties-->
    <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer">
        <meta itemprop="lowPrice" content="€ 0,13">
        <meta itemprop="highPrice" content="€ 1.75">
        <meta itemprop="offerCount" content="98">
    </div>
    <!-- End of AggregateOffer-->    

    <table>
    <tr itemscope itemtype="http://schema.org/Offer" itemprop="offers">
        <td itemprop="sku">
            <div class="shipping shipping-176" itemprop="availability" content="in_stock"></div>
            100010006
        </td>

        <!-- Start sub attributen -->
        <!--  -->
        <td class="a-center">1.0</td>
        <!--  -->
        <td class="a-center">34</td>
        <!--  -->
        <td class="a-center">12</td>
        <!-- Einde sub attributen -->

        <td class="a-center" style="width: 25px;"><p>10</p></td>

        <td>
            <span itemprop="price">
                <span class="price">€ 0,13</span>
            </span>
        </td>
    </tr>
    </table>
</div>

虽然它在语义上并不是非常正确,但它会给出相当不错的结果:

enter image description here