HTML5中微數(shù)據(jù)概述及在搜索引擎中的使用舉例_HTML5教程
推薦:html5 拖拽上傳圖片實(shí)例演示拖拽上傳最重要的就是js部分的代碼,它實(shí)現(xiàn)了70%的功能,另外30%僅僅是把圖片信息提交到后臺(tái),然后做對應(yīng)的處理,比如壓縮啊,裁剪啊云云,感興趣的朋友可以參考下哈,希望可以幫助到你
做網(wǎng)站優(yōu)化已經(jīng)快一個(gè)月了,對于seo的一般技術(shù)也有了一些了解,前些天開始使用谷歌的網(wǎng)站站長工具,在里面發(fā)現(xiàn)很多百度站長工具里面不曾有的內(nèi)容,其中“結(jié)構(gòu)化數(shù)據(jù)”這一項(xiàng)是出現(xiàn)在 “優(yōu)化”欄里面,可想而知,這個(gè)結(jié)構(gòu)化數(shù)據(jù)會(huì)不會(huì)是爭對谷歌搜索的一個(gè)優(yōu)化的方法呢?添加自己的站 進(jìn)入這個(gè)頁面,發(fā)現(xiàn)它提示我的網(wǎng)站上未檢測到任何結(jié)構(gòu)化數(shù)據(jù),但是這么一個(gè)缺少概念的詞讓我們這種網(wǎng)站優(yōu)化新手怎么理解呢?進(jìn)入谷歌的“幫助”頁,谷歌提到了“豐富網(wǎng)頁摘要(微數(shù)據(jù)、微格式、RDFa 和數(shù)據(jù)熒光筆)”,其中微數(shù)據(jù)是谷歌推薦的優(yōu)化方式,而這個(gè)微數(shù)據(jù)正是現(xiàn)在新秀HTML5為增強(qiáng)網(wǎng)頁語義化而增加的新特性,旨在構(gòu)建對程序,對用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的web。
HTML5微數(shù)據(jù)規(guī)范是標(biāo)記內(nèi)容的一種方式,用于描述特定的信息類型,例如評論、人物信息或活動(dòng)。每種信息都描述特定類型的項(xiàng),例如人物、活動(dòng)或評論。例如,活動(dòng)可以包含 venue、starting time、name 和 category 屬性。
微數(shù)據(jù)使用 HTML 標(biāo)記(常為 <span> 或 <div>)中的簡單屬性為項(xiàng)和屬性指定簡要的描述性名稱。以下示例是一個(gè)簡短的HTML 文本塊,顯示的是 Bob Smith 的基本聯(lián)系信息。
復(fù)制代碼 代碼如下:m.dounai2.com
<div>
我的名字是王XX,但大家叫我 wungking。我的主頁是:
<a href="http://m.dounai2.com">m.dounai2.com</a>
我住在武漢。我是程序員,目前在第五動(dòng)力上班。
</div>
以下是用微數(shù)據(jù)標(biāo)記的同一 HTML 內(nèi)容。
復(fù)制代碼 代碼如下:m.dounai2.com
<div itemscope itemtype="http://data-vocabulary.org/Person">
我的名字是 <span item但大家叫我 <span itemprop="nickname">wungking</span>。
我的主頁是:
<a href="http://m.dounai2.com" itemprop="url">m.dounai2.com</a>
我住在武漢。我是<span itemprop="title">程序員</span>
目前在<span itemprop="affiliation">第五動(dòng)力</span>上班。
</div>
下面對此示例進(jìn)行了詳細(xì)說明。
1,在第一行中,itemscope 表示 <div> 中的內(nèi)容是個(gè)項(xiàng)。itemtype="http://data-vocabulary.org/Person 表示該項(xiàng)是人物。
2,人物項(xiàng)的每個(gè)屬性均使用 itemprop 屬性進(jìn)行標(biāo)識。例如,itemprop="name" 描述人物的姓名。
簡單的用法介紹了,看一下效果,因?yàn)檫@種標(biāo)記在web頁面不會(huì)有任何不同的效果(對用戶來說),所以這里要粘貼下,谷歌測試工具的效果:
這個(gè)是我主頁的 結(jié)構(gòu)化數(shù)據(jù)測試的結(jié)果,下方 item 之后的 image title 都是在頁面中的對應(yīng)元素中添加的,谷歌在抓取你的頁面的時(shí)候,通過這種結(jié)構(gòu)化的標(biāo)記,來快速獲取最有效的信息。至于它對于網(wǎng)站排名有沒有效果,現(xiàn)在還沒法測試,只能先優(yōu)化了看看效果。
看到這里,各位站長是不是很想把自己的站優(yōu)化一下呢?因?yàn)樵诙xitemprop的類型時(shí)沒有一個(gè)官方的標(biāo)簽集。只提供了部分行業(yè)的 部分屬性值,所以這里我們還是靜待其完善吧!
分享:突襲HTML5之Javascript API擴(kuò)展2—地理信息服務(wù)及地理位置API學(xué)習(xí)在HTML5中,加入了新的地理位置API用來確定和分享地理位置。這一類服務(wù)就是企業(yè)利用某點(diǎn)(例如用戶所在的位置)坐標(biāo)附近的區(qū)域提供服務(wù)的信息,比如常見的地圖相關(guān)服務(wù),本文詳細(xì)介紹下,感興趣的朋友可以了解下,或許對你有所幫助
相關(guān)HTML5教程:
- 只要五步 就可以用HTML5/CSS3快速制作便簽貼特效(圖)
- 網(wǎng)易微博Web App用HTML5開發(fā)的過程介紹
- HTML5 對各個(gè)標(biāo)簽的定義與規(guī)定:body的介紹
- 關(guān)于HTML5的安全問題開發(fā)人員需要牢記的
- 關(guān)于HTML5的22個(gè)初級技巧(圖文教程)
- 開發(fā)人員所需要知道的HTML5性能分析面面觀
- HTML5 Web Database 數(shù)據(jù)庫的SQL語句的使用方法
- HTML5實(shí)踐-圖片設(shè)置成灰度圖
- HTML5安全介紹之內(nèi)容安全策略(CSP)簡介
- HTML5 Web存儲(chǔ)方式的localStorage和sessionStorage進(jìn)行數(shù)據(jù)本地存儲(chǔ)案例應(yīng)用
- Bootstrap 學(xué)習(xí)分享
- input元素的url類型和email類型簡介
HTML5教程Rss訂閱Div+Css教程搜索
HTML5教程推薦
- HTML5本地存儲(chǔ)之Database Storage應(yīng)用介紹
- HTML5之SVG 2D入門7—SVG元素的重用與引用
- HTML4和HTML5之間除了相似以外的10個(gè)主要不同
- html5構(gòu)建觸屏網(wǎng)站之touch事件介紹
- html5指南-4.使用Geolocation實(shí)現(xiàn)定位功能
- html5 Canvas畫圖教程(10)—把面拆成線條模擬出圓角矩形
- 使用css3 屬性如何豐富圖片樣式(圓角 陰影 漸變)
- HTML5重塑Web世界它將如何改變互聯(lián)網(wǎng)
- html5 Canvas畫圖教程(9)—canvas中畫出矩形和圓形
- 突破canvas語法限制 讓他支持鏈?zhǔn)秸Z法
- 相關(guān)鏈接:
- 教程說明:
HTML5教程-HTML5中微數(shù)據(jù)概述及在搜索引擎中的使用舉例。