網(wǎng)頁(yè)標(biāo)簽的規(guī)范化
編輯
分享
評(píng)論
贊0
做網(wǎng)站的時(shí)候有的美工前端以及程序員網(wǎng)站可能對(duì)seo優(yōu)化卻不是很了解，所以就會(huì)造成一些代碼、標(biāo)簽等運(yùn)用的不是很規(guī)范，這個(gè)時(shí)候就需要seo人員來(lái)對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)整修改了。這也是一名seo人員所要具備的基本素質(zhì)了。小編就給公司新來(lái)的前端美工整理了一份關(guān)于代碼方面的一些用法以及講解，現(xiàn)在給大家分享一下?！?/span>
【網(wǎng)頁(yè)頭部部分：】
title標(biāo)記：聲明網(wǎng)頁(yè)標(biāo)題(必需要有，title的內(nèi)容即為搜索引擎收錄后，直接顯示的網(wǎng)頁(yè)標(biāo)題名稱。并且是優(yōu)化環(huán)節(jié)重要因素，需特別設(shè)計(jì)組合，考慮搜索引擎分詞規(guī)則)詞與詞之間用“-”、“_”、“|”來(lái)間隔，這三個(gè)符號(hào)作用相同的，當(dāng)然也可以混合使用，不過(guò)要注意美觀。
【meta屬性：】
Keywords 聲明網(wǎng)頁(yè)關(guān)鍵詞(告訴搜索引擎當(dāng)前頁(yè)面的關(guān)鍵詞是什么)，每個(gè)關(guān)鍵詞之間用英文的逗號(hào)“,” 分割。
Description 聲明網(wǎng)頁(yè)描述，用來(lái)表達(dá)網(wǎng)站的主要內(nèi)容概述。(Description的內(nèi)容非常重要，并且會(huì)在搜索引擎的搜索結(jié)果中顯示，將網(wǎng)站想要展現(xiàn)的重點(diǎn)內(nèi)容以及廣告引導(dǎo)詞等展現(xiàn)出來(lái)。建議是200字符以內(nèi))。copyright 聲明網(wǎng)頁(yè)版權(quán) author 聲明作者，這兩個(gè)主要是用于網(wǎng)頁(yè)規(guī)范性，對(duì)優(yōu)化影響不大。
css和js等文件要外部調(diào)用，盡量不要直接寫(xiě)在網(wǎng)頁(yè)當(dāng)中，一些剛?cè)胄械那岸丝赡軙?huì)把css樣式JavaScript等直接寫(xiě)在當(dāng)前網(wǎng)頁(yè)中。
為什么要外部調(diào)用?
1、對(duì)于程序維護(hù)人員來(lái)說(shuō)，統(tǒng)一的外部調(diào)用可以更方便的來(lái)進(jìn)行修改和維護(hù)。
2、對(duì)于搜索引擎來(lái)說(shuō)，該部分代碼并無(wú)實(shí)際意義，影響搜索引擎蜘蛛抓取效率。
3、對(duì)于網(wǎng)站速度來(lái)說(shuō)，頁(yè)面代碼增多，影響網(wǎng)站速度。
圖片：除幻燈、banner輪播圖等必須直接插入圖片的地方，其他地方圖片盡量用做背景，然后在上面寫(xiě)上文字。若是某些標(biāo)題部分一定要用圖片則需要在img里面用alt標(biāo)簽申明圖片含義。格式：
規(guī)范的內(nèi)容?
1、對(duì)于用戶來(lái)說(shuō)，網(wǎng)頁(yè)圖片越多，用戶打開(kāi)網(wǎng)頁(yè)時(shí)所緩存的數(shù)據(jù)就越大，網(wǎng)頁(yè)打開(kāi)速度就越慢。所以盡量用顏色或者小圖片來(lái)做背景。
2、對(duì)于搜索引擎來(lái)說(shuō)，搜索引擎蜘蛛只認(rèn)識(shí)漢字?jǐn)?shù)字英文等字符形式的內(nèi)容，無(wú)法識(shí)別圖片的內(nèi)容。所以要加alt進(jìn)行描述。
外部鏈接:
如果網(wǎng)站有外部導(dǎo)出鏈接：例如鏈接到淘寶，QQ空間,微博時(shí)。鏈接內(nèi)加入nofollow屬性來(lái)阻止向該鏈接傳遞權(quán)重。例如：淘寶。
另外，某些網(wǎng)頁(yè)效果會(huì)用iframe框架來(lái)完成。雖然有的文章說(shuō)現(xiàn)在百度可以抓取到框架里面的內(nèi)容了。但是無(wú)論能否抓取到，反正百度不喜歡這個(gè)標(biāo)簽，所以網(wǎng)頁(yè)里面盡量不要用框架。
h標(biāo)簽：
h1標(biāo)簽申明該網(wǎng)頁(yè)最重要內(nèi)容。一般每個(gè)網(wǎng)頁(yè)只有一個(gè)h1標(biāo)簽，盡量不要用多個(gè)。在首頁(yè)時(shí)h1常用于標(biāo)記網(wǎng)站名稱或最主要關(guān)鍵詞，在頻道頁(yè)、欄目頁(yè)h1標(biāo)簽常用于標(biāo)記頻道頁(yè)、欄目頁(yè)名稱。在內(nèi)容頁(yè)h1標(biāo)簽時(shí)常用于標(biāo)記文章名稱。
h2標(biāo)簽可出現(xiàn)多次，常用于導(dǎo)航欄目名稱，或長(zhǎng)尾關(guān)鍵詞等。不過(guò)也要適度應(yīng)用。
b標(biāo)簽strong標(biāo)簽：
這兩個(gè)標(biāo)簽的含義是對(duì)文字加粗，申明文章中的關(guān)鍵內(nèi)容，這兩個(gè)標(biāo)簽含義相同。
網(wǎng)站地圖：
分為html地圖以及xml地圖。
html地圖是給用戶看的，體現(xiàn)網(wǎng)站框架目錄，一目了然。
xml地圖也叫sitemap，做優(yōu)化需要有的。是給搜索引擎蜘蛛看的，就如同把網(wǎng)站所有結(jié)構(gòu)頁(yè)面做成了一張網(wǎng)，蜘蛛可以順利的爬行整個(gè)網(wǎng)站。當(dāng)然雖然現(xiàn)在百度出了主動(dòng)推送，應(yīng)用起來(lái)也挺方便。不過(guò)360等其他搜索引擎還是看xml地圖的。
404頁(yè)面：
當(dāng)網(wǎng)站改版、換程序、換空間、內(nèi)容刪除替換時(shí)，會(huì)出現(xiàn)一些打不開(kāi)的頁(yè)面，被稱為死鏈接。404頁(yè)面可以避免產(chǎn)生死鏈接，并且對(duì)于網(wǎng)站訪客來(lái)說(shuō)，也是很好的用戶體驗(yàn)。
內(nèi)容頁(yè)：
通常H1用作內(nèi)容標(biāo)題名稱。文章底部可以加“擴(kuò)展閱讀”或“相關(guān)文章”等列表。用來(lái)增加用戶粘度，并且可以引導(dǎo)搜索引擎蜘蛛爬向更多的頁(yè)面。
猜你喜歡