首页 Web 【网站SEO优化】微数据:itemscope、itemtype等的使用

【网站SEO优化】微数据:itemscope、itemtype等的使用

一、什么是微数据?

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

通俗来说微数据就是为了方便浏览器识别的东西,例如h1标签包裹的文本或数据就是为了能让浏览器识别(搜索引擎优化)


二、如何使用?

针对人物的微数据标记,则HTML会如下

<div itemscope itemtype="http://data-vocabulary.org/Person">
 我的名字是<span itemprop="name">张三</span>
我的个人首页是:
<a href="https://blog.csdn.net/weixin_44312227" itemprop="url">个人主页</a>
我是<span itemprop="title">IT工程师</span>,
目前在<span itemprop="affiliation">世界上最好的公司</span>上班。
</div>

针对文章的微数据标记,则HTML会如下

<article itemscope="" itemtype="http://schema.org/Article" >
   <link itemprop="mainEntityOfPage" href="文章地址(完整地址)">
   <span  itemprop="author">作者</span> 
   <h2 itemprop="name headline"><a href="xxx"  itemprop="url">xxx标题</a></h2>
   <img itemprop="contentUrl" src="完整缩略图地址">
  <div itemprop="articleBody">xxxx描述</div>
 </article>


上述使用中还出现了很多自定义的属性,如itemscope,itemtype,itemprop等。

这些属性就是方面机器识别的特定的标记。其含义等依次如下:
itemscope
定义一组名值对,称为项。

itemprop=”属性名”
添加一个数据项属性。这个属性名可以是个单词或是个URL,与元素包含的文本值相关:

  • 对于大部分元素,属性名值就是元素标签里面的文本值(不是所有标签)。

  • 对于有URL属性的元素,该值就是URL(如<img src="">,<a href="">,<object data="">等)。

  • 对于<time>元素,该值就是datetime=""属性。

  • 对于<meta itemprop="" content="">, 该值就是content=""属性。

itemref=””
允许微数据项通过指向特定ID(含有需要属性的元素)包含非后代属性

itemtype=””
微数据定义的类型。其值为URL,扮演词汇表名称的作用。

itemid=””
允许词汇表给微数据项定义一个全局标识符,例如书的ISBN数值,在同样元素上使用itemid作为数据项的itemscope和itemtype属性。

再来个小例子:

<p itemscope>下周我要去<span itemprop="name">韩红刚</span>家拔萝卜</p>

<p>元素上的itemscope使其成为了一个微数据项,其子元素上itemprop属性的值name为词汇表中的一个关键属性。一个微数据项至少有一个验证的itemprop.

itemprop后面的名称可以是单词,也可以是URL,使用URL让这个名称全局专注。

再来个多属性例子:

<span itemprop="members" itemscope>前S˙H˙E 的成员是
  <span itemprop="name">任家萱</span>,
  <span itemprop="name">田馥甄</span>和
  <span itemprop="name">陈嘉桦</span>.</span>

项目可以包含不同值的多个属性。例如上例name属性定义了3个值:任家萱、田馥甄和陈嘉桦。





特别声明:本站部分内容收集于互联网是出于更直观传递信息的目的。该内容版权归原作者所有,并不代表本站赞同其观点和对其真实性负责。如该内容涉及任何第三方合法权利,请及时与824310991@qq.com联系,我们会及时反馈并处理完毕。