想提升网站的SEO优化一定不能少了微数据!! 今天要来跟大家详细地说说微数据的应用~ 还没学会的你快继续看下去吧!!

 

什么是微数据?

 

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">
<!--宣告要使用 schema.org 的 movie(电影)类来呈现资料-->

<h1 itemprop="name">艾莉塔：战斗天使</h1>
<!--宣告在movie(上一行指定)的类型下，该类型的项目"name"(片名)是什么-->

<div itemprop="director" itemscope itemtype="http://schema.org/Person">
<!--宣告要使用 schema.org 的 person(人物)类来呈现资料，并选择 director 项目-->

导演：<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"(片名) 的内容是「艾莉塔：战斗天使」
 

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

 

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

<time itemprop="startDate" datetime="2019-03-02T19:00-08:00" > 2019年03月02日晚上7点 </time>

 

微数据可以嵌套，如：
 

<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 属性值作为微数据的内容：
 

<a href="" >

<area href="" >

<audio src="" >

<embed src="" >

<iframe src="" >

<img src="" >

<link href="" >

<object data="" >

<source src="" >

<video src="" >

 

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

<base href="" >

<script src="" >

<input src="" >

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

 

其他阅读