·设为首页
·收藏本站
·网站地图
当前位置:精诚首页 > 行业资讯 >
行业资讯

实例解析丰富网页摘要的三大标记格式2015年8月

时间:2015-08-14 18:57 编辑:精诚网络 点击:

丰富网页摘要英文名称为RichSnippets,通俗的来讲就是在每条搜索结果下方显示作者信息、照片信息、评论者、投票等等,这些信息都是丰富文本摘要,旨在让用户大体上先了解网页上的内容,以及与用户的搜索查询有何关联。丰富网页摘要可以帮助搜索用户更为迅速地确定某一网站是否包含他们感兴趣的信息。

Google之前已为购物、食谱、评论、视频、音乐以及活动推出了丰富网页摘要。而对于博客来说,主要有两个丰富网页摘要功能,一个是目录分类摘要功能,另一个就是作者摘要功能。

目录分类摘要功能,可以让用户在Google搜索界面直观的看到文章的具体分类信息,了解到网站的结构,引导用户进一步查阅更多内容。如下图所示:

如果我们要想实现以上的丰富网页摘要功能,就需要我们先掌握丰富网页摘要的标记格式。据马海祥博客收集的官方公布的信息展示,目前,丰富网页摘要主要通过微数据(官方推荐)、微格式、REFa三种格式对网页内容类型进行标记来实现。

一、微数据

HTML5微数据规范是标记内容的一种方式,用于描述特定的信息类型,例如评论、人物信息或活动。每种信息都描述特定类型的项,例如人物、活动或评论。例如,活动可以包含venue、startingtime、name和category属性。

微数据使用HTML标签中的简单属性为微数据项和属性指定简要的描述性名称。

以下示例是一个简短的HTML文本块,显示的是马海祥的基本联系信息。

下面马海祥就对此示例进行详细说明:

(1)、在第一行中,itemscope表示中的内容是个项。itemtype="表示该项是人物。

(2)、人物项的每个属性均使用itemprop属性进行标识。例如,itemprop="name"描述人物的姓名。

1、嵌套实体

上例显示了马海祥的联系信息,但是不包含他的地址。下面的例子显示了相同的HTML内容,但其中包含address属性。

3、隐藏的内容

一般情况下,Google不会显示隐藏的内容。也就是说,不向用户显示某些内容,而是使用隐藏文本为搜索引擎和网络应用单独标记信息。您应该标记用户访问您的网页时实际看到的文本。

本规则有几个例外情况。在某些情况下,向搜索引擎提供更详细的信息有很多好处,即使您不希望访问您网页的人看到这些信息。例如,如果餐馆的评分为8.5分,用户(而不是搜索引擎)会认为评分范围为1到10分。在此例中,实例解析丰富网页摘要的三大标记格式2015年8月14日您可以使用meta元素表示此信息,如下所示:

下面马海祥就对此示例进行详细说明:

meta标记用于指定不在网页上显示的其他信息,在此例中,是指最高得分实际上是10分。该属性值使用content属性进行指定。

同样,以ISO持续时间格式提供活动持续时间也可以确保此信息正确显示在搜索结果中,如下所示:

下面马海祥就对此示例进行了详细说明:

(1)、使用meta标记可以指定属性的值(在此例中是持续时间)。这样,您就可以使用content属性的值(“PT1H30M”)以ISO8601持续时间格式指定此持续时间,同时仍以用户易于理解的方式在网页上显示持续时间(“1.5小时”)。

(2)、Google搜索引擎会查看meta元素的父元素,以识别meta标记中以其他方式表示的信息。因此,在此例中,请务必确保meta标记的直接父节点位于文字“1.5小时”的外围。

二、微格式

1、使用微格式标记数据

微格式是网页上使用的简单规范(称为实体),用于描述特定的信息类型,例如评论、活动、商品、商家或人物。每个实体都有自己相应的属性。例如,人物具有姓名、地址、职位、公司和电子邮件地址等属性。

通常情况下,微格式使用HTML标记(常为<span>或<div>)中的class属性为实体及其属性分配简要的描述性名称。以下示例是一个简短的HTML文本块,显示的是马海祥的基本联系信息。

下面马海祥就对此示例进行详细说明:

(1)、在第一行中,class="vcard"表示<div>中所含的HTML内容描述的是人物(用于描述人物的微格式称为hCard,而在HTML中则称为vcard。海外网站推广这不是拼写错误)。

(2)、该示例说明了人物项的属性,例如照片、姓名、职位、组织和地址。要给vcard所说明的人物的属性添加标记,就需要为包含这些属性内容(如<span>、<img>或<title>)的每个元素分配一个指明其属性的class属性。例如,fn说明人物的名字;title说明职位。(各种信息类型的“帮助”文章中均包含可以识别的属性的完整列表。)

(3)、属性中可以包含其他属性。在以上示例中,属性adr说明人物的地址,其中包含子属性street-address、locality、region和postal-code。

2、嵌套微格式

一种微格式中包含另一种微格式的情况是比较常见的,例如,评论中包含评论者的联系信息。以下的评论示例中包含马海祥的工作职位和雇主。

下面马海祥就对此示例进行详细说明:

(1)、评论通过hReview微格式说明,写为class="hreview"。由于这是评论,因此整个HTML文本块包含在带有class="hreview"属性的div中。

(2)、要标识评论者,可以使用spanclass="reviewer"。但是,在本例中我们想使用vcard(人物)微格式来提供评论者的其他信息。为此您需要将reviewer和vcard放在同一行中,并用空格分隔,例如:<spanclass="reviewervcard">。vcard属性fn、title和org说明Bob的名字、职位和工作单位。

3、隐藏的内容

一般情况下,Google不会显示隐藏的内容。也就是说,不向用户显示某些内容,而是使用隐藏文本为搜索引擎和网络应用程序单独标记信息,您应该标记用户访问您的网页时实际看到的文本。

但是在某些情形下,向搜索引擎提供更为详细的信息是很有用的,即使您不希望访问您网页的人看到该信息。例如,提供场地的经纬度可帮助Google正确地将其在地图上显示出来,而采用ISO日期格式提供活动的日期则有助于将它正确地显示在搜索结果中。在这种情况下,您可以使用微格式值类样式。不妨考虑下面这个示例:

将<spanclass="value-title"title="2009-10-15T19:00-08:00"/>添加到带有class="dtstart"标记的文本块中,丰富网页摘要的解析器就会根据title属性中的值来查找活动的开始日期。在不影响用户的日期显示方式的情况下,可以用ISO日期格式表示title属性中的日期。

三、关于RDFa

RDFa全称(RDFattribute),设计提供了一套属性,可以用于在XML(及其方言,也包括HTML)中携带元数据,对于在(X)HTML中添加RDFa的作者而言,不一定需要理解RDF或者本体。

RDFa作为一种用于(X)HTML文档的语义标注技术,目前已经成为W3C的推荐技术标准。

1、使用RDFa标记内容

RDFa是标记内容的一种方式,用于描述特定的信息类型,如餐馆评论、活动、人物或商品详情。这些信息类型被称为实体或项。每个实体都有多个属性。例如,人物具有姓名、地址、职位、公司和电子邮件地址等属性。

一般情况下,RDFa使用XHTML标记(常为<span>或<div>)中的简单属性为实体和属性分配简要的描述性名称。以下示例是一个简短的HTML文本块,显示的是马海祥的基本联系信息。

3、隐藏的内容

一般情况下,Google不会显示隐藏的内容。也就是说,不向用户显示某些内容,而是使用隐藏文本为搜索引擎和网络应用程序单独标记信息。您应该标记用户访问您的网页时实际看到的文本。

但是在某些情形下,向搜索引擎提供更为详细的信息是很有用的,即使您不希望访问您网页的人看到该信息。例如,提供场地的经纬度可帮助Google正确地将其在地图上显示出来,而采用ISO日期格式提供活动的日期则有助于将它正确地显示在搜索结果中。

在此例中,您可以使用content属性表示丰富网页摘要的解析器应该使用这个属性值来查找活动的开始日期。如下所示:

马海祥博客点评:

虽然说Google是推荐使用微数据,不过也接受以上的两种格式。所以您无需事先了解这些格式,只要了解HTML基础知识即可。现在现在需要的就是参考以上结构化数据标记帮助文档了解如何将微数据添加到自己的网站。

本文为马海祥博客原创文章,如想转载,请注明原文网址摘自于,注明出处;否则,禁止转载;谢谢配合!

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线---------------------------
声明:精诚网络网站内容中凡注明“来源:XXX(非精诚网络)”的作品,均转载自其它媒体,转载目的在于传递更多信息,其中涉及的网站优化,百度关键词优化,谷歌优化等技术细节并不代表精诚网络赞同支持其观点,并不对其真实性负责。对于署名“精诚网络”的作品系本站版权所有,欢迎站长朋友在转载同时署名来源。