微数据

微数据是什么

一个页面的数据,不单单是给用户看的,其中的一些数据还要提供给机器去识别。由于机器的智能水平有限,所以就出现了微数据这种技术,专门用于显示机器识别的数据。

微数据有什么用

知道了微数据是提供给机器识别的数据,那么微数据有什么用呢?微数据可以给节点提供额外的数据,类似于data-*属性,但是data-*只是纯粹的属性,不含有任何其他意义。页面节点添加了微数据后,机器就可以准确识别页面元素所代表的信息,比如大众点评页面有用户评价信息,那么将评价节点添加微数据后,搜索引擎就能够识别,并应用到搜索结果中;比如一个用户介绍页面,添加了微数据后,机器就能识别里面的具体信息,导出为名片。

如何书写微数据

微数据的属性有itemscope, itemprop, itemtype, itemid

  • itemscope定义一组项,项中有多个键值对。

  • itemprop定义一个键值对。值可以说URL,或者文字

  • itemtype定义类型,值为URL

  • itemid定义一个全局标识符,比如ISBN,身份证
    当页面需要显示一本书的信息时,可以这样去写HTML:

<div itemscope itemtype="http://vocab.example.com/book" itemid="URN:ISBN:9787115275790">
  <span itemprop="name">JavaScript高级程序设计(第3版)</span>
  <span itemprop="author">Nicholas C. Zakas</span>
</div>

上面的例子中,指定了该节点是一个book类型,isbn是9787115275790,书的名字是《JavaScript高级程序设计(第3版)》,作者是Nicholas C. Zakas。
有一个页面可以将微数据转化为json格式的机器识别数据,地址是: https://foolip.org/microdatajs/live/

写在最后

微数据目前浏览器的兼容还不好,对页面展示也不存在影响,普通业务都不会使用。但是在一些特殊的业务场景下,可以很好的提升用户体验。

    原文作者:chenhao_ch
    原文地址: https://segmentfault.com/a/1190000004267041
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞