版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、<p><b> H標(biāo)簽的語義化研究</b></p><p> 本文立足于常見html標(biāo)簽,具體以比較重要的H標(biāo)簽為研究對象,探討其蘊(yùn)涵的豐富語義功能,將用戶可讀性體驗(yàn)與機(jī)器可讀性緊密結(jié)合,進(jìn)一步規(guī)范html標(biāo)簽在網(wǎng)頁中不恰當(dāng)和混亂應(yīng)用的局面,推進(jìn)html文檔結(jié)構(gòu)化、web語義化的快速發(fā)展。在實(shí)際應(yīng)用層面,指導(dǎo)web設(shè)計(jì)師制作出美觀且對于搜索引擎友好的優(yōu)秀界面。 </p&
2、gt;<p><b> 概述 </b></p><p> 在html5新標(biāo)準(zhǔn)即將發(fā)布之際,網(wǎng)頁內(nèi)容語義化再一次受到人們的高度關(guān)注。Web語義化的設(shè)計(jì)思想已成為每一個設(shè)計(jì)師無法回避的事實(shí),很多網(wǎng)站也面臨著被淘汰的危機(jī),于是,我們需要對習(xí)慣了的東西進(jìn)行重新審視。 </p><p> 什么是web語義化?其包括兩層含義:網(wǎng)頁內(nèi)容對機(jī)器(搜索引擎)是可理解
3、、可讀的,機(jī)器可以輕松通過標(biāo)記描述的信息,處理網(wǎng)頁上的鏈接、關(guān)鍵詞、鏈接深度、權(quán)重、排名等內(nèi)容;二是網(wǎng)頁內(nèi)容對用戶是可理解的,可讀的,用戶可以根據(jù)網(wǎng)頁描述信息及表現(xiàn)形式判斷網(wǎng)頁內(nèi)容的重要性及與主題的相關(guān)性,從而根據(jù)網(wǎng)頁的情境快速找到自己想要的結(jié)果。Web語義化的終極目標(biāo)是將機(jī)器可讀性與用戶可讀性相結(jié)合,即人能看懂,機(jī)器也能讀懂,當(dāng)然這一條路互聯(lián)網(wǎng)還有很大一段距離。H標(biāo)簽的語義化便是朝著這個方向跨出的一步。 </p><
4、;p> 要實(shí)現(xiàn)web語義化設(shè)計(jì),H標(biāo)簽的語義化必先行。解決H標(biāo)簽語義化的方法如下: </p><p> 明確H標(biāo)簽在網(wǎng)頁中的語義 </p><p> 把握H標(biāo)簽使用時(shí)機(jī) </p><p> 運(yùn)用H標(biāo)簽優(yōu)化站點(diǎn)的方法 </p><p><b> 如何使用H標(biāo)簽 </b></p><p&g
5、t; (一)H標(biāo)簽的定義 </p><p> H標(biāo)簽也叫heading標(biāo)簽,屬于塊級標(biāo)記。一般情況下一個H標(biāo)記獨(dú)占網(wǎng)頁的一塊區(qū)域。H標(biāo)簽共有六對標(biāo)記, 到。H標(biāo)簽用于定義標(biāo)題。 定義最大的標(biāo)題。 定義最小的標(biāo)題。H標(biāo)簽支持如下屬性:id, class, title, style, dir, lang, xml:lang。 </p><p> ?。ǘ〩標(biāo)簽的用法 </p>
6、<p> -的具體用法如下: </p><p><b> 這是一級標(biāo)題 </b></p><p><b> 這是二級標(biāo)題 </b></p><p><b> 這是三級標(biāo)題 </b></p><p><b> 這是四級標(biāo)題 </b>
7、</p><p><b> 這是五級標(biāo)題 </b></p><p><b> 這是六級標(biāo)題 </b></p><p> var _userid = '';var _siteid =2420;var _istoken = 1;var _model = 'Model03'; WebPage
8、Speed =234; UrchinTrack(); </p><p> 默認(rèn)運(yùn)行效果如圖1: </p><p><b> H標(biāo)簽的語義 </b></p><p> W3C指出h1-h6標(biāo)記用于定義標(biāo)題。h1定義字體最大的標(biāo)題,h6定義字體最小的標(biāo)題。h1,h2,h3,h4,h5,h6,作為標(biāo)題標(biāo)記,外觀從大到小,重要性也依次遞減。遵循這
9、樣的原則,它讓頁面的層級關(guān)系更清楚,讓搜索引擎更好地抓取和分析出頁面的主題內(nèi)容等等。 </p><p> (一)h1一級標(biāo)題 </p><p> 標(biāo)記中的內(nèi)容,表示一級標(biāo)題。代表重中之重,它的地位在頁面中相當(dāng)于關(guān)鍵字。雖然html標(biāo)記理論上在一個頁面中可以出現(xiàn)多次,但h1標(biāo)記的實(shí)際語義具有唯一性,如將一個網(wǎng)頁比作一篇文章,試想文章能有幾個一級標(biāo)題,故h1在一個網(wǎng)頁里最好只出現(xiàn)1次或者直
10、接不使用。 </p><p> ?。ǘ﹉2二級標(biāo)題 </p><p> 標(biāo)記中的內(nèi)容,表示次級標(biāo)題。重要性比h1稍低,它的地位相當(dāng)于頁面中的長尾關(guān)鍵詞,主要用于設(shè)置文章段落標(biāo)題或欄目標(biāo)題,h2標(biāo)題在一個頁面中可以出現(xiàn)多次,與h3搭配使用。 </p><p> ?。ǘ﹉3三級標(biāo)題 </p><p> 標(biāo)記中的內(nèi)容,表示三級標(biāo)題,重要性較
11、h2要小,一般用于頁面的邊側(cè)欄,h4作為輔助。 </p><p> 從用戶可讀性方面考慮,頁面層級關(guān)系不能太深,一般不超過3,所以在頁面中h4,h5,h6一般出現(xiàn)機(jī)率較少,在此即不累述,其語義和作用可參照h2,h3標(biāo)記。 </p><p> H標(biāo)簽對搜索引擎的友好性 </p><p> 網(wǎng)站好比一棵大樹,主干是網(wǎng)站的核心內(nèi)容,粗壯的枝杈是網(wǎng)站的各分類,枝葉是網(wǎng)
12、站具體內(nèi)容,搜索引擎的爬蟲就在這些樹與枝叉之間爬行,網(wǎng)站地圖(sitemap)給爬蟲一個準(zhǔn)確的路徑,讓它能找到所有我們希望它找到的枝葉部分。在這些雜亂的內(nèi)容中,H標(biāo)簽標(biāo)識了內(nèi)容的重要層級,并指引搜索引擎爬蟲快速有序的對網(wǎng)頁內(nèi)容進(jìn)行整理。 </p><p> ?。ㄒ唬﹉1標(biāo)記網(wǎng)頁優(yōu)化 </p><p> h1是網(wǎng)頁中比較重要的標(biāo)記,使用它標(biāo)注網(wǎng)頁的主關(guān)鍵字,提升主關(guān)鍵字的重要性。利用好h1
13、標(biāo)記可提升網(wǎng)站的排名,它像一把鋒利的雙刃劍,不用它時(shí)你在優(yōu)化的過程中會吃虧,而濫用它你也會吃虧,所以要慎重使用。一般有以下幾種用法: </p><p> 1)包含網(wǎng)頁文檔tilte中的主關(guān)鍵詞或直接放置logo文字內(nèi)容,并設(shè)置h1的display:none樣式或用特殊方法將其隱藏起來,以此對網(wǎng)頁關(guān)鍵詞進(jìn)行優(yōu)化。綜合性網(wǎng)站、公司宣傳類網(wǎng)站可以這樣來處理。 </p><p> 如圖2使用h
14、1標(biāo)記優(yōu)化網(wǎng)易網(wǎng): </p><p> html內(nèi)容:網(wǎng)易 </p><p> 樣式內(nèi)容:.hidden{display:none;} </p><p> 2)根據(jù)內(nèi)容的重要性對網(wǎng)站進(jìn)行優(yōu)化。最常見的用法即是在h1標(biāo)記內(nèi)放置頭條要聞標(biāo)題,以標(biāo)識新聞的重要性。新聞類網(wǎng)站運(yùn)用的比較多。 </p><p> 例如圖3使用h1標(biāo)記優(yōu)化搜狐網(wǎng)頭
15、條要聞: </p><p> 3)傳統(tǒng)用法,使用h1標(biāo)記來定義網(wǎng)頁內(nèi)容的層次,以達(dá)到優(yōu)化的作用。新聞、資訊類網(wǎng)站的詳細(xì)內(nèi)容頁通常都會使用h1標(biāo)記來設(shè)置文章的標(biāo)題,以達(dá)到優(yōu)化的目的。 </p><p> 例如圖4使用h1標(biāo)記優(yōu)化DIVCSS5網(wǎng)文章標(biāo)題: </p><p> (二)h2標(biāo)記網(wǎng)頁優(yōu)化 </p><p> 主關(guān)鍵字的優(yōu)化對于
16、網(wǎng)站十分重要,在使用h1標(biāo)記對主關(guān)鍵字進(jìn)行優(yōu)化以后,我們需要進(jìn)行關(guān)鍵詞疊加優(yōu)化,即運(yùn)用h2標(biāo)記將網(wǎng)頁中出現(xiàn)的一些關(guān)鍵詞進(jìn)行標(biāo)注,達(dá)到增加關(guān)鍵詞密度的目的。 </p><p> 1)網(wǎng)站首頁的主體欄目標(biāo)題包含了許多與關(guān)鍵詞相關(guān)的重要詞語,有的是行業(yè)關(guān)鍵詞,有的是品牌關(guān)鍵詞,運(yùn)用h2標(biāo)記可對網(wǎng)站首頁主要欄目標(biāo)題進(jìn)行優(yōu)化。 </p><p> 例如圖5使用h2標(biāo)記優(yōu)化慧聰網(wǎng)首頁主欄目標(biāo)題:
17、</p><p> 2)對于大中型網(wǎng)站,長尾關(guān)鍵詞帶來的流量不容忽視,運(yùn)用h2標(biāo)記可對長尾關(guān)鍵詞進(jìn)行優(yōu)化。 </p><p> 如圖6使用h2標(biāo)記優(yōu)化農(nóng)信通網(wǎng)的長尾關(guān)鍵詞: </p><p> 例如圖7使用h2標(biāo)記優(yōu)化新華網(wǎng)時(shí)政頁長尾關(guān)鍵詞: </p><p> ?。ㄈ﹉3標(biāo)記網(wǎng)頁優(yōu)化 </p><p> h
18、3標(biāo)記一般結(jié)合h2標(biāo)記使用,主要用于設(shè)置頁面的次級要聞的文章標(biāo)題和側(cè)邊欄目標(biāo)題上。若是三列結(jié)構(gòu)或二列結(jié)構(gòu)布局的網(wǎng)頁,h3一般出現(xiàn)在兩側(cè)邊欄或較窄欄目標(biāo)題上,以達(dá)到優(yōu)化長尾關(guān)鍵詞的作用。 </p><p> h4,h5,h6在網(wǎng)站的優(yōu)化中,使用頻率比較小,用法可參照h2、h3標(biāo)記,但要注意層次,并且出現(xiàn)的H標(biāo)簽的序號必須連續(xù),不可跳躍使用。 </p><p><b> 總結(jié) &
19、lt;/b></p><p> H標(biāo)簽是頁面內(nèi)容比較重要的標(biāo)記之一,用好此系列標(biāo)記,設(shè)計(jì)出來的網(wǎng)站層次清晰,結(jié)構(gòu)明確,若布局再進(jìn)行美學(xué)上的處理,那么網(wǎng)站不僅有利于搜索引擎理解,也利于用戶閱讀。標(biāo)記在理論上是可以任意重復(fù)使用,但千萬要理解每一個標(biāo)記的語義,恰當(dāng)選擇合適的標(biāo)記進(jìn)行內(nèi)容設(shè)計(jì),你的網(wǎng)站將會讓搜索更加喜歡,同時(shí)也能獲得一個不錯的排名。 </p><p> ?。ㄗ髡邌挝唬涸颇瞎?/p>
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 基于Folksonomy的標(biāo)簽語義研究.pdf
- 基于稀疏標(biāo)簽語義偏好模型的個性化推薦.pdf
- 基于社會化標(biāo)簽的P2P語義推薦研究.pdf
- XML標(biāo)簽語義匹配的研究及應(yīng)用.pdf
- 可編輯語義的語義網(wǎng)標(biāo)簽系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn).pdf
- 80623.基于主題圖的標(biāo)簽語義挖掘研究
- 基于詞向量的標(biāo)簽語義推薦算法研究.pdf
- 基于SCOT的語義標(biāo)簽推薦模型及算法研究.pdf
- 基于語義的標(biāo)簽推薦系統(tǒng)關(guān)鍵問題研究.pdf
- 品牌化的地域標(biāo)簽
- 基于多標(biāo)簽學(xué)習(xí)的圖像區(qū)域語義自動標(biāo)注算法研究.pdf
- 基于鏈接分析和聚類的標(biāo)簽語義分析方法研究.pdf
- 《css網(wǎng)頁布局中html標(biāo)簽的語義(一)-xhtml教程》
- 基于用戶模型質(zhì)量和語義聚類的標(biāo)簽推薦算法研究.pdf
- 基于語義Web的信息表達(dá)與語義化過程研究.pdf
- 社會化標(biāo)簽推薦系統(tǒng)中標(biāo)簽?zāi):腿哂嗟难芯?pdf
- 前段必備的html標(biāo)簽(h5有標(biāo)記)
- scorm語義化與其應(yīng)用的研究
- 基于社會化標(biāo)簽的個性化搜索研究.pdf
- 規(guī)范化標(biāo)簽傳遞法處理標(biāo)簽不平衡問題的研究.pdf
評論
0/150
提交評論