HTML文檔的優(yōu)化

1.標(biāo)簽的使用：該標(biāo)簽是用戶與搜索引擎最看重的標(biāo)簽，它能幫助用戶和搜索引擎判斷當(dāng)前頁(yè)面的主旨和中心思想。對(duì)搜索引擎來(lái)說(shuō)，title標(biāo)簽中出現(xiàn)的關(guān)鍵詞，基本就是該網(wǎng)頁(yè)最想要表達(dá)的內(nèi)容，因此，應(yīng)當(dāng)將當(dāng)前頁(yè)面最核心的關(guān)鍵詞寫(xiě)進(jìn)title標(biāo)簽中。并且要注意越重要的關(guān)鍵字越靠前寫(xiě)。

2. 標(biāo)簽的使用：主要包含兩個(gè)方面，一個(gè)是關(guān)鍵字（keywords）、一個(gè)是描述（description）。

1) 關(guān)鍵字：有利于搜索引擎對(duì)網(wǎng)站的優(yōu)化排名，即使網(wǎng)站排名靠前，更易于被用戶搜索到。關(guān)鍵字不易過(guò)多，7個(gè)以?xún)?nèi)為宜。格式：

2) 描述：設(shè)置描述的作用是能在搜索結(jié)果頁(yè)顯示并關(guān)鍵詞飄紅，從而對(duì)用戶體驗(yàn)有著巨大的影響力。內(nèi)容建議根據(jù)標(biāo)簽中的關(guān)鍵詞來(lái)拓展描述。描述的字?jǐn)?shù)不宜超過(guò)100字，可以是關(guān)鍵字的羅列。格式：

3. h1-h6標(biāo)簽的使用：h標(biāo)簽也是搜索引擎在排名時(shí)重點(diǎn)考慮的一個(gè)因素，6組標(biāo)簽，分別代表不同的級(jí)別，一級(jí)標(biāo)題具備更多的權(quán)重。在同一個(gè)頁(yè)面中只能出現(xiàn)一次，而其它標(biāo)題則可以出現(xiàn)多次，根據(jù)需要表現(xiàn)的內(nèi)容的重要程度，分別使用不同的標(biāo)題標(biāo)簽。

4. 和標(biāo)簽的使用：這兩個(gè)標(biāo)簽和標(biāo)簽以及標(biāo)簽相比具有強(qiáng)調(diào)作用。也就是說(shuō)這兩個(gè)標(biāo)簽是有特殊含義的，如果我們?cè)谧鲰?yè)面時(shí)需要強(qiáng)調(diào)被包含的文本，使用strong或em就比使用b或者i好很多，特別謹(jǐn)記！

6. 清理垃圾代碼：所謂清理垃圾代碼是指刪除頁(yè)面中的冗余代碼，垃圾代碼主要指那些刪除了也不會(huì)對(duì)頁(yè)面有任何影響的非必要代碼。最常見(jiàn)的垃圾代碼為空格，空格字符是網(wǎng)頁(yè)中最常見(jiàn)的垃圾代碼。但并不是指標(biāo)簽，而是有代碼編輯環(huán)境下敲擊空格所產(chǎn)生的符號(hào)，每個(gè)空格相當(dāng)一個(gè)字符，一個(gè)頁(yè)面，空格就占頁(yè)面體積的15%，100K的頁(yè)面，有15K是空格字符。 空格字符最常出現(xiàn)在代碼的開(kāi)始和結(jié)束處，還有就是空行中。這些都是容易產(chǎn)生垃圾代碼的地方。消除這樣的垃圾代碼的方法就是選中代碼然后按shift+tab鍵左對(duì)齊。

7. 使用HTML標(biāo)簽轉(zhuǎn)換：HTML標(biāo)簽的轉(zhuǎn)換主要是指使用短標(biāo)簽替換在網(wǎng)頁(yè)中有同樣效果的長(zhǎng)標(biāo)簽，例如與兩者都是對(duì)字體加粗，但是卻比多了5個(gè)字符。如果一個(gè)頁(yè)面出現(xiàn)上百個(gè)加粗標(biāo)簽。就會(huì)產(chǎn)生不少的冗余代碼，所以建議用短標(biāo)簽進(jìn)行優(yōu)化

8. 表格、列表等容器標(biāo)簽的使用：瀏覽器編譯器遇到一個(gè)標(biāo)簽時(shí)，就開(kāi)始尋找它的結(jié)束標(biāo)簽，直到它匹配上,才能顯示它的內(nèi)容，所以當(dāng)表格，ul等容器形式的標(biāo)簽嵌套很多時(shí),打開(kāi)頁(yè)面就會(huì)特別慢,這樣就降低了用戶體驗(yàn)了。所以在編寫(xiě)html的時(shí)候盡量使一個(gè)一個(gè)容器獨(dú)立，如果要嵌套的時(shí)候，一定要使其清楚、簡(jiǎn)潔。

9. 合理使用target="_blank"：合理而不頻繁使用target="_blank"可以增強(qiáng)網(wǎng)站整體用戶體驗(yàn)。

10. 合理設(shè)置友情鏈接：網(wǎng)站友情鏈接是網(wǎng)站推廣的一個(gè)重要手段，友情鏈接的質(zhì)量和數(shù)量直接影響搜索引擎對(duì)網(wǎng)站權(quán)重的衡量。友情鏈接可以給網(wǎng)站帶來(lái)如下好處：

1) 帶來(lái)流量網(wǎng)站的流量。

2) 可以提高本站的知名度。

3) 提高各大搜索引擎對(duì)本站的權(quán)重。

11. 設(shè)置網(wǎng)站地圖：網(wǎng)站地圖就是一個(gè)頁(yè)面，里面包含了訪問(wèn)網(wǎng)站各模塊的超鏈接，它瀏覽者指明了方向，讓網(wǎng)頁(yè)瀏覽者快速的找到自己需求的頁(yè)面。另外網(wǎng)站地圖也可以方便搜索引擎蜘蛛抓取網(wǎng)站頁(yè)面，通過(guò)抓取網(wǎng)站頁(yè)面，清晰了解網(wǎng)站的架構(gòu)

12. 使用DIV+CSS布局：因?yàn)镈IV+CSS布局瀏覽器兼容性好，代碼量少，加載速度快，且有利于維護(hù)

13. 網(wǎng)站、網(wǎng)頁(yè)結(jié)構(gòu)清晰合理，頁(yè)面體積不宜超過(guò)100kb

14. 盡量少用無(wú)用的圖片和flash：內(nèi)容索引所派出的搜索引擎爬蟲(chóng)，不認(rèn)識(shí)圖片，只能根據(jù)圖片“ALT,TITLE”等屬性的內(nèi)容判斷圖片的內(nèi)容。對(duì)于flash搜索引擎爬蟲(chóng)更是視而不見(jiàn)。

?CSS文檔的優(yōu)化

1. 使用外部樣式表：CSS的使用有多種方式，行內(nèi)樣式和內(nèi)部樣式都是把CSS寫(xiě)在當(dāng)前HTML中，這樣會(huì)造成HML文檔變大，降低網(wǎng)頁(yè)的加載速度，所以建議使用外部樣式表

2. 精簡(jiǎn)CSS代碼：所謂精簡(jiǎn)CSS代碼就是指用最少的CSS代碼實(shí)現(xiàn)頁(yè)面修飾的目的，代碼的精簡(jiǎn)可以充分利用樣式的繼承和復(fù)合屬性來(lái)實(shí)現(xiàn)。如果頁(yè)面中父元素的多個(gè)子元素使用相同的樣式，那最好把他們相同的樣式定義在其父元素上，讓它們繼承這些CSS樣式。這樣你可以很好的維護(hù)你的代碼，并且還可以減少代碼量。

3. 整合CSS：所謂整合CSS就是指將通用樣式寫(xiě)在一個(gè)文件中，將專(zhuān)用樣式寫(xiě)在一個(gè)文件中。如reset.css和index.css。但是要注意的是這樣做有利有弊，有利的一面是提高了CSS代碼的重復(fù)利用率，但是CSS文件過(guò)多，就會(huì)增加瀏覽器對(duì)文件的加載次數(shù)，使瀏覽器對(duì)頁(yè)面加載所需時(shí)間增長(zhǎng)。

4. 重置樣式表中不建議使用*{margin：0；padding：0；}：一方面解析緩慢、效率低，另外一方面導(dǎo)致一些不必要的元素也重置了外邊距和內(nèi)邊距

5. 使用多重選擇器：如h1,p,div{background：red}，這樣做不但代碼簡(jiǎn)潔且可為你節(jié)省時(shí)間和空間。

6. 適當(dāng)使用注釋?zhuān)鹤⑨尶梢宰寗e人更容易讀懂你的代碼且合理的組織代碼注釋?zhuān)墒沟媒Y(jié)構(gòu)更加清晰

7. 壓縮CSS代碼：壓縮css其實(shí)很簡(jiǎn)單，就是去掉多余的空格和換行。實(shí)現(xiàn)起來(lái)也非常的簡(jiǎn)單，網(wǎng)上有很多工具，請(qǐng)自行搜索。需要注意的是代碼壓縮后利于后期維護(hù)。

8. 良好的命名習(xí)慣

?搜索引擎：所謂搜索引擎就是在搜索框中，直接輸入所需信息的關(guān)鍵詞，就可從互聯(lián)網(wǎng)中獲取與搜索詞相關(guān)信息的軟件系統(tǒng)。搜索引擎的工作通常分為三個(gè)步驟，即爬行、索引，搜索。