让你的的搜索结果不一样，关于丰富网页摘要，微数据标记的一些分享

最新推荐文章于 2021-06-04 03:48:17 发布

-T先生-

最新推荐文章于 2021-06-04 03:48:17 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/wangji5850/article/details/51005061

版权

我们通过微数据标记，对特定内容结构化数据，这样可帮助 Google 了解我们网站上的内容，它可以用来在搜索结果中显示丰富网页摘要。

搜索结果的显示内容更丰富，与别人不同，帮助你提高点击。

今天边看，边学。部署了面包屑导航和产品微数据标记，自己也碰到一些问题，与我这样的新手们分享一下。

看下这张图：

在谷歌搜索结果的摘要，根据不同的结果类型，显示相应更丰富的信息，如：产品--会出现评价星级、价格、状态；文章--会出现作者等等；

这就是丰富网页摘要，而我们要做的就是，选择谷歌推荐的“微数据”格式，标记我们页面内容；

1、确定哪些内容可以，应用“微数据”格式？

谷歌搜索目前主要支持以下内容类型：评论、人物、产品、商户和组织、食谱、活动、音乐。

如果您的网站主要是以上内容，或者以上内容的部分，就可以应用微数据标记。

2、几个工具和网站：

下面的几个工具和网站，你需要用到：

——我当它是工具字典，适用于结构化数据标记的行业支持的架构集合，在这里，你可以找到更多内容类型的微数据格式规范，bing和雅虎都支持。地位，应该已经替代了谷歌说明案例的http://data-vocabulary.org

--丰富网页摘要测试工具，部署完后，一定要在上面测下，看下是否被google正确的识别了，有些部署错误，下面会有直接的红色警告提示；

具体格式规范，看看谷歌站长工具帮助文档里的说明与案例，就非常详细了。

这份文档里，用的是 http://data-vocabulary.org 格式规范，我采用 http://schema.org/ 规范，更简单，效果应该是一样的。

先在父容器加上：

   1:  itemscope itemtype=http://schema.org/WebPage

即：

   1:  <div id="bdnav" runat="server" itemscope itemtype="http://schema.org/WebPage"></div>

再在当前容器添加“itemprop”，如下：

   1:  <div  itemprop="breadcrumb">面包屑导航链接</div>

这样就OK了。

注意：“itemscope”与“itemprop”一定要在父子容易中，我第一次部署时，就是这个问题，一直没生效。

产品详细页，应该是最适合做微数据标记的了。我们哪里体检网的体检套餐，其实也是一个产品/商品，属性基本一致的，所以我们就在"体检套餐"这里加了微数据标记。

谷歌站长工具帮助文档里有详细的案例及说明，虽是中文，但是旧的，http://schema.org/Product里有一些变化，我把里面的英文整理一下，方便像我一样英文不好的同学使用。

1:

   2:  <div itemscope itemtype="http://schema.org/Product">

   3:      <span itemprop="name">名称</span>

   4:      <span itemprop="description">简介</span>

   5:      <a href="" itemprop="url">链接</a>

   6:      <img src="" itemprop="image">图片

7:

   8:      <!--总评分（评分子类）-->

   9:      <div itemprop="aggregateRating"  itemscope itemtype="http://schema.org/AggregateRating">

  10:          <span itemprop="bestRating"></span><!--最高分值，上限，默认5-->

  11:          <span itemprop="ratingValue"></span><!--当前评分值-->

  12:          <span itemprop="worstRating"></span><!--最低分值，下限，默认1-->

  13:          <span itemprop="ratingCount"></span><!--评分总数量-->

  14:          <span itemprop="reviewCount"></span><!--评论总数量-->

  15:      </div>

16:

  17:      <!--制造商（组织机构类）-->

  18:      <div itemprop="manufacturer"  itemscope itemtype="http://schema.org/Organization">

  19:          <span itemprop="name"></span><!--机构名称-->

  20:          <a href="" itemprop="url"></a><!--机构链接-->

  21:          <!--更多机构属性-->

  22:      </div>

23:

  24:      <!--品牌商（组织机构类）-->

  25:      <div itemprop="brand"  itemscope itemtype="http://schema.org/Organization">

  26:          <span itemprop="name"></span><!--机构名称-->

  27:          <a href="" itemprop="url"></a><!--机构链接-->

  28:          <!--更多机构属性-->

  29:      </div>

30:

  31:      <!--交易机会-->

  32:      <div itemprop="offers"  itemscope itemtype="http://schema.org/Offer">

  33:          <!--销售状态: InStock/库存 Discontinued/停产 InStoreOnly/限实体店 OnlineOnly/限线上 OutOfStock/缺货 PreOrder/预订-->

  34:          <link itemprop="availability" href='href="http://schema.org/InStock" ' />

  35:          <!--物品状态: DamagedCondition/坏 NewCondition/新 RefurbishedCondition/翻新 UsedCondition/二手-->

  36:          <link itemprop="itemCondition" href='href="http://schema.org/InStock" ' />

37:

  38:          <span itemprop="price"></span><!--价格-->

  39:          <meta itemprop="priceCurrency" content="CYN" /><!--ISO 4217格式的货币单位，人民币为156-->

  40:          <span itemprop="priceValidUntil"></span><!--价格有效期-->

  41:      </div>

  42:  </div>

上面是产品内容主要属性的微数据标记格式，对应中文，选择相应标记，加入你的代码即可。完整属性，自己看这里：http://schema.org/Product

注意：在“交易机会”这，注意是”offers”，我原来写成”offer”，出错。

另外谷歌提示：

关注