HTML5中微数据概述及在搜索引擎中的使用举例

2016-02-19 11:19 4 1 收藏

今天图老师小编给大家精心推荐个HTML5中微数据概述及在搜索引擎中的使用举例教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

做网站优化已经快一个月了,对于seo的一般技术也有了一些了解,前些天开始使用谷歌的网站站长工具,在里面发现很多百度站长工具里面不曾有的内容,其中结构化数据这一项是出现在 优化栏里面,可想而知,这个结构化数据会不会是争对谷歌搜索的一个优化的方法呢?添加自己的站 进入这个页面,发现它提示我的网站上未检测到任何结构化数据,但是这么一个缺少概念的词让我们这种网站优化新手怎么理解呢?
进入谷歌的帮助页,谷歌提到了丰富网页摘要(微数据、微格式、RDFa 和数据荧光笔),其中微数据是谷歌推荐的优化方式,而这个微数据正是现在新秀HTML5为增强网页语义化而增加的新特性,旨在构建对程序,对用户都更有价值的数据驱动的web。

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

微数据使用 HTML 标记(常为 span 或 div)中的简单属性为项和属性指定简要的描述性名称。以下示例是一个简短的HTML 文本块,显示的是 Bob Smith 的基本联系信息。

代码如下:

div
我的名字是王XX,但大家叫我 wungking。我的主页是:
a href="http://www.jb51.net"www.jb51.net/a
我住在武汉。我是程序员,目前在第五动力上班。
/div

以下是用微数据标记的同一 HTML 内容。

代码如下:

div itemscope itemtype="http://data-vocabulary.org/Person"
我的名字是 span itemprop="name"王XX/span
但大家叫我 span itemprop="nickname"wungking/span。
我的主页是:
a href="http://www.jb51.net" itemprop="url"www.jb51.net/a
我住在武汉。我是span itemprop="title"程序员/span
目前在span itemprop="affiliation"第五动力/span上班。
/div

下面对此示例进行了详细说明。
1,在第一行中,itemscope 表示 div 中的内容是个项。itemtype="http://data-vocabulary.org/Person 表示该项是人物。
2,人物项的每个属性均使用 itemprop 属性进行标识。例如,itemprop="name" 描述人物的姓名。

简单的用法介绍了,看一下效果,因为这种标记在web页面不会有任何不同的效果(对用户来说),所以这里要粘贴下,谷歌测试工具的效果:
这个是我主页的 结构化数据测试的结果,下方 item 之后的 image title 都是在页面中的对应元素中添加的,谷歌在抓取你的页面的时候,通过这种结构化的标记,来快速获取最有效的信息。至于它对于网站排名有没有效果,现在还没法测试,只能先优化了看看效果。

看到这里,各位站长是不是很想把自己的站优化一下呢?因为在定义itemprop的类型时没有一个官方的标签集。只提供了部分行业的 部分属性值,所以这里我们还是静待其完善吧!

来源:https://www.tulaoshi.com/n/20160219/1597094.html

延伸阅读
标签: Web开发
本文概述 长期以来,音频与视频信息的捕捉一直是Web开发中的一个难点。许多年来,我们一直依赖浏览器插件来实现这个需求。 在HTML 5中,出现了许多可以访问硬件设备的API,例如访问GPS设备的Geolocation API、访问accelerometer设备的Orientation API、访问GPU设备的WebGL API、访问音频播放设备的Web Audio API等等。这些API是非常强大的,因为...
标签: PHP
  编者按:这是一篇精彩的编程教学文章,不但详细地剖析了搜索引擎的原理,也提供了笔者自己对使用PHP编制搜索引擎的一些思路。整篇文章深入浅出,相信无论是高手还是菜鸟,都能从中得到不少的启发。 谈到网页搜索引擎时,大多数人都会想到雅虎。的确,雅虎开创了一个互联网络的搜索时代。然而,雅虎目前用于搜索网页的技术却并...
360网盾如何使用搜索引擎保护?   开启搜索引擎保护。这样,当你搜索到的结果有危险网站的时候,360网盾会发出警告。如下图:
标签: Web开发
很多网络爱好者在创建自己的个人主页时,都绞尽脑汁让自己网站的功能更全面。在此,笔者介绍一种使用ASP建立自己的搜索引擎的方法。 基本思路 利用表单将用户提交的搜索关键字存储在变量中,并提交给ASP脚本处理。利用ASP内建的REQUEST对象获取变量中的关键字符,随后用RESPONSE的REDIRECT函数将关键字符转向提交到其他的诸如搜狐、网易等...
标签: 手机软件
打开UC浏览器,点击【搜索栏】 点击【搜索】标志 选择并点击自己喜欢的一个搜索引擎(以百度为例) 设置成功,以后默认搜索引擎就是度娘啦

经验教程

175

收藏

40
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部