用于脱机产品和服务的丰富网页摘要

时间:2013-09-02 09:44:25

标签: metadata microdata microformats rich-snippets google-rich-snippets

我们正在开发一个新网站,我热衷于以Rich Snippets的形式为我们的产品和服务页面实现丰富的代码段和更具描述性的元数据。

我的问题是我们的产品和服务无法直接从网站购买,因为它们是根据用户要求定制和定制的。因此,他们没有价格和库存水平。

我从Google guidelines注意到他们声明:

  

该产品应直接在页面上购买

我的问题是,使用丰富网页摘要来描述这些产品和服务的最佳和最合适的方法是什么?我可以使用丰富的片段来描述这些产品和服务吗?

1 个答案:

答案 0 :(得分:4)

考虑将schema.org/AggregateOffer用于Product Rich Snippets。虽然它的主要用例是标记不同卖家提供的一种产品,但它似乎也适合您。它允许指示最低和最高价格 - 我猜你甚至对定制产品有一些价格限制。

如果您对自己网站上的这些产品有评论Review Rich Snippets适用于您。请使用schema.org/Reviewschema.org/AggregateRating

两者的例子:

<div itemscope itemtype="http://schema.org/Product">
  <img itemprop="image" src="cute_dress.jpg" />
  <span itemprop="name">Very Cute Dress</span>

  <div itemprop="aggregateRating"
    itemscope itemtype="http://schema.org/AggregateRating">
    <span itemprop="ratingValue">87</span>
    out of <span itemprop="bestRating">100</span>
    based on <span itemprop="ratingCount">24</span> user ratings
  </div>

  <div itemprop="offers" itemscope itemtype="http://schema.org/AggregateOffer">
    <span itemprop="lowPrice">$1250</span>
    to <span itemprop="highPrice">$1495</span>
  </div>
</div>


give

enter image description here

Breadcrumbs是另一种选择。使用data-vocabulary.org就可以了,因为schema.org中的面包屑很乱并且不完整。

示例:

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a> ›
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses/real" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a> ›
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
    <span itemprop="title">Real Green Dresses</span>
  </a>
</div>


giveenter image description here