首頁 >web前端 >H5教程 >HTML5中微資料概述及在搜尋引擎中的使用舉例_html5教學技巧

HTML5中微資料概述及在搜尋引擎中的使用舉例_html5教學技巧

WBOY
WBOY原創
2016-05-16 15:49:481660瀏覽

做網站優化已經快一個月了,對於seo的一般技術也有了一些了解,前些天開始使用谷歌的網站站長工具,在裡面發現很多百度站長工具裡面不曾有的內容,其中“結構化數據」這一項是出現在「優化」欄裡面,可想而知,這個結構化資料會不會是爭對谷歌搜尋的一個優化的方法呢?添加自己的站 進入這個頁面,發現它提示我的網站上未檢測到任何結構化數據,但是這麼一個缺少概念的詞讓我們這種網站優化新手怎麼理解呢?
進入Google的“幫助”頁,谷歌提到了“豐富網頁摘要(微數據、微格式、RDFa 和數據熒光筆)”,其中微數據是谷歌推薦的優化方式,而這個微數據正是現在新秀HTML5為增強網頁語義化而增加的新特性,旨在建立對程序,對用戶都更有價值的數據驅動的web。

HTML5微資料規格是標記內容的一種方式,用於描述特定的資訊類型,例如評論、人物資訊或活動。每種資訊都描述特定類型的項,例如人物、活動或評論。例如,活動可以包含 venue、starting time、name 和 category 屬性。

微資料使用 HTML 標記(常為

)中的簡單屬性為項目和屬性指定簡要的描述性名稱。以下範例是一個簡短的HTML 文字區塊,顯示的是 Bob Smith 的基本聯絡資訊。

複製程式碼
程式碼如下:


我的名字是王XX,但大家叫我wungking。我的首頁是:
www.jb51.net
我住在武漢。我是程式設計師,目前在第五動力上班。


以下是用微資料標記的相同 HTML 內容。

複製程式碼
程式碼如下:


我的名字是王XX
但大家叫我wungking
我的首頁是:

我住在武漢。我是程式設計師
目前在第五動力上班。


下面對此範例進行了詳細說明。
1,在第一行中,itemscope 表示
中的內容是個項。 itemtype="http://data-vocabulary.org/Person 表示該項是人物。
2,人物項的每個屬性均使用itemprop 屬性進行標識。例如,itemprop="name" 描述人物的姓名。

簡單的用法介紹了,看一下效果,因為這種標記在web頁面不會有任何不同的效果(對用戶來說),所以這裡要粘貼下,谷歌測試工具的效果:
這個是我主頁的結構化資料測試的結果,下方item 之後的image title 都是在頁面中的對應元素中添加的,谷歌在抓取你的頁面的時候,透過這種結構化的標記,來快速取得最有效的資訊。 至於它對於網站排名有沒有效果,現在還沒辦法測試,只能先優化了看看效果。自己的站優化一下呢?

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn