我是今天才接触到“丰富网页摘要”的概念,算是非常落伍了。
我们通过微数据标记,对特定内容结构化数据,这样可帮助 Google 了解我们网站上的内容,它可以用来在搜索结果中显示丰富网页摘要。
搜索结果的显示内容更丰富,与别人不同,帮助你提高点击。
今天边看,边学。部署了面包屑导航和产品微数据标记,自己也碰到一些问题,与我这样的新手们分享一下。
一、什么是结构化数据,微数据,丰富网页摘要:
看下这张图:
在谷歌搜索结果的摘要,根据不同的结果类型,显示相应更丰富的信息,如:产品--会出现评价星级、价格、状态;文章--会出现作者等等;
这就是丰富网页摘要,而我们要做的就是,选择谷歌推荐的“微数据”格式,标记我们页面内容;
二、部署之前的准备:
1、确定哪些内容可以,应用“微数据”格式?
谷歌搜索目前主要支持以下内容类型:评论、人物、产品、商户和组织、食谱、活动、音乐。
如果您的网站主要是以上内容,或者以上内容的部分,就可以应用微数据标记。
2、几个工具和网站:
下面的几个工具和网站,你需要用到:
——我当它是工具字典,适用于结构化数据标记的行业支持的架构集合,在这里,你可以找到更多内容类型的微数据格式规范,bing和雅虎都支持。地位,应该已经替代了谷歌说明案例的http://data-vocabulary.org
(2)http://www.google.com/webmasters/tools/richsnippets
--丰富网页摘要测试工具,部署完后,一定要在上面测下,看下是否被google正确的识别了,有些部署错误,下面会有直接的红色警告提示;
具体格式规范,看看谷歌站长工具帮助文档里的说明与案例,就非常详细了。
三、微数据标记部署实战之:面包屑导航;
谷歌站长工具帮助文档里,把它叫“路径”:http://support.google.com/webmasters/bin/answer.py?hl=zh-Hans&answer=185417
这份文档里,用的是 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”,出错。
另外谷歌提示:
- 丰富网页摘要可能过一段时间才会显示在搜索结果或地方信息页中。
- 如果您的网站未显示丰富网页摘要,请查看可能导致该情况的原因。
- 对您的数据标记丰富网页摘要并不会影响您的网页在搜索结果中的排名,而且 Google 也不保证一定会使用您的标记。