SEO优化:教你怎么善用四个语意标记(2)Microdata

今天教你:做SEO优化时,到底是哪一个角色不断在一旁提醒,让你网站的辨识能力居高不下!

Microdata (微数据) 的格式

什么是微数据?

SEO优化另一个方式，也是网页内部 SEO优化不可或缺的步骤。HTML5教学指的网页中的「HTML 标签」告诉浏览器如 Google Chrome 如何显示标签中的信息。
如网页中的「<h1>Java</h1>」告诉浏览器，关键字「Java」必须以「标题1」的格式显示
但是这个「Java」可能意味者：一种程式语言、一种咖啡、一种岛屿等类别。
而「HTML 标签」不会告诉搜寻引擎这个「Java」是意味著上述哪一种意思。

这时候，HTML5教学就必须在原本的 HTML 码当中添加「Microdata (微数据)」，来宣告其类别，就可以帮助搜寻引擎更精准识别网页内容的具体意义。

在这个「Java」的例子中，微数据的角色就很像告诉搜寻引擎:
「嘿，这个网页的 Java 是关于咖啡的内容喔！」或是「这个网页的 Java 是指程式语言喔！」

微数据的例子

倘若今天，你有一个介绍即将上映的电影「艾莉塔：战斗天使」的网站，其中包含了类型、导演以及一个通向预告片页面的链接，您的 HTML 代码可能看起来像这样：

<div><h1>艾莉塔：战斗天使</h1>
<span>导演：詹姆士·卡麦隆 (生于1954年8月16日)</span>
<span>类型：赛博叛客动作片</span>
<a href="..//movies/Alita-Battle-Angel-trailer.html">电影预告片</a>
</div>

这个 HTML 代码若加了Microdata 微数据来宣告其资料类型，就可以让搜寻引擎更容易辨识其类型。

<div itemscope itemtype="https://schema.org/Movie">

<h1 itemprop="name">艾莉塔：战斗天使</h1>

<div itemprop="director" itemscope itemtype="http://schema.org/Person">

导演：<span itemprop="name">詹姆士·卡麦隆</span> (生于<span itemprop="birthDate">1954年8月16日)</span></div>
类型：<span itemprop="genre">赛博叛客动作片</span>
<a href="../movies/Alita-Battle-Angel-trailer.html" itemprop="trailer">电影预告片 </a>
</div>

微数据的语法

微数据主要用到这几个属性来标注信息：itemscope、itemtype、itemprop。
itemscope 与 itemtype 连用，用来宣告要使用哪个 Schema 类型 (如电影、人物、书本等等)，如以下语法即电影类型的微数据：
<div itemscope itemtype="http://schema.org/Movie"></div>

有了指定的 Schema 类型后，就用 itemprop 宣告：在这个类型下的属性是什么。
继刚刚的例子 (指定的 Schema 类型为「电影」) 后，以下例子为宣告属性 (itemprop) 为"name"(片名) 的内容是「艾莉塔：战斗天使」

日期或时间类属性，可使用 ISO日期格式表示，如：

微数据可以嵌套，如：

<div itemscope itemtype="https://schema.org/Movie" >
<h1 itemprop="name" >艾莉塔：战斗天使</h1>
<div itemprop="director" itemscope itemtype="http://schema.org/Person">
导演：<span itemprop="name">詹姆士·卡麦隆</span> (生于<span itemprop="birthDate">1954年8月16日)</span> </div>
类型：<span itemprop="genre">赛博叛客动作片</span>
<a href = "../movies/avatar-theatrical-trailer.html" itemprop = "trailer" >电影预告片 </a>
</div>

部分元素使用 URL 属性值作为微数据的内容：

相反，某些元素的URL属性不作为微数据内容：

完整的微数据类型请参考：http://schema.org/docs/full.html