Schema-Microdata 笔记

一，介绍

html 可以告诉浏览器如何显示信息。比如 <h1>Avatar</h1> 会告诉浏览器显示 1 号标题文本 Avatar。但是这个文本不能提供更多的信息，"Avatar"即可以表示为一个部 3D 电影，也可以表示为一个人的头像。这使得搜索引擎更难以智能地向用户显示相关内容。
Schema.org 提供了一些共享的词汇，网站开发人员可以使用这些共享词汇来让搜索引擎更好获取内容。
Microdata 是 schema 的一种标记格式，其 schema 有三种标识格式：Microdata,RDFa,JSON-LD

二，Microdata 标签

itemscpoe：代表一个对象也可以称为一个项目信息，其中包含着多种信息。 就是一个域，一个范围。可以嵌套使用。

<div itemscope>
  <h1>Avatar</h1>
  <span>Director: James Cameron (born August 16, 1954) </span>
  <span>Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html">Trailer</a>
</div>

itemtype：项目的类型，这时就需要使用 Schema.org 提供的词汇信息了。其格式为:itemtype="http://schema.org/Movie".

<div itemscope itemtype="http://schema.org/Movie">
  <h1>Avatar</h1>
  <span>Director: James Cameron (born August 16, 1954)</span>
  <span>Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html">Trailer</a>
</div>

itemprop：项目中具体某个属性，比如一个电影项目，其实 itemprop 有演员，导演，电影名等具体的某一个属性。我们需要使用来包裹内容进行说明。

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

嵌入元素：

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <div itemprop="director" itemscope itemtype="http://schema.org/Person">
  Director: <span itemprop="name">James Cameron</span> (born <span itemprop="birthDate">August 16, 1954</span>)
  </div>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

三，Schema 工具

Google 生成工具

Google 测试工具

Schema 官方地址

个人搭建的 Schema 官方镜像地址