談?wù)劸W(wǎng)頁優(yōu)化及網(wǎng)站優(yōu)化的技巧

談起網(wǎng)頁的優(yōu)化這個問題很多人都沒有什么概念，有很多的業(yè)內(nèi)人士都對網(wǎng)頁優(yōu)化一無所知或者知之甚少。說起對網(wǎng)頁優(yōu)化的理解，我曾經(jīng)去各大搜索引擎上搜索過網(wǎng)頁優(yōu)化一類的話題，結(jié)果都是介紹如何優(yōu)化搜索引擎排名的文章，其實這只是優(yōu)化概念的一個組成部分，而網(wǎng)頁的優(yōu)化工作是由很多方面的優(yōu)化組成的，作為一名優(yōu)秀的網(wǎng)頁優(yōu)化工作人員必須具備多方面的知識，不僅僅要掌握網(wǎng)站設(shè)計制作技術(shù)(包括網(wǎng)站架構(gòu)設(shè)計、網(wǎng)頁設(shè)計以及制作頁面編寫代碼等等);還要掌握很多計算機其他方面的知識(包括電子商務(wù)、人機交互、易用性和一些相關(guān)的軟件知識等等);甚至需要掌握心理學(xué)、商業(yè)運作等相關(guān)知識。
我認(rèn)為網(wǎng)頁的優(yōu)化應(yīng)該是由兩個方面組成的:1.技術(shù)優(yōu)化，2.人文優(yōu)化(這個分類只是我總結(jié)的，沒有人給出過具體定義)。技術(shù)優(yōu)化指的是代碼的優(yōu)化、目錄結(jié)構(gòu)的優(yōu)化和針對搜索引擎的優(yōu)化等等針對技術(shù)方面的優(yōu)化工作，一般都是看不見摸不著的但是會給用戶帶來不少方便也會給網(wǎng)站帶來更大的效益，技術(shù)優(yōu)化有一定的模式而且需要優(yōu)化的東西也比較固定相對簡單一些只是時間問題;人文優(yōu)化指的是交互性優(yōu)化、易用性優(yōu)化等等針對用戶使用方面的優(yōu)化工作，這一部分是網(wǎng)站用戶看得見摸的著的東西，人文優(yōu)化是最花經(jīng)歷最困難的因為我們要猜測使用者的心理。下面我就分別對這兩個方面進行解釋。

1.技術(shù)優(yōu)化:

技術(shù)優(yōu)化主要分為代碼優(yōu)化、目錄結(jié)構(gòu)優(yōu)化和針對搜索引擎的優(yōu)化三個部分。這一部分的優(yōu)化工作主要是由網(wǎng)站開發(fā)人員測試提出方案完成的，而且有一定的規(guī)則，所以相對要簡單一些只是時間問題。

(1)代碼優(yōu)化:

代碼優(yōu)化主要解決的問題就是頁面瀏覽速度和適應(yīng)性的問題。文字和圖片是構(gòu)成頁面的兩個主要因素，所以我們的優(yōu)化也要從文字和圖片開始。文字我們在制作頁面的時候基本上都是定義好的一般使用宋體和12px，隨著代碼的標(biāo)準(zhǔn)化字體的樣式大小等等的指定應(yīng)該使用css樣式表來完成，而現(xiàn)在被廣泛應(yīng)用的h1 &font size=×× color=×× font 等等標(biāo)簽都是不標(biāo)準(zhǔn)的，也會慢慢被css取代，現(xiàn)在很多大型的網(wǎng)站包括各個門戶網(wǎng)站像是這樣不標(biāo)準(zhǔn)的問題還是廣泛存在幾乎每個頁面都會有，所以css樣式表是我們在優(yōu)化過程中應(yīng)該注意檢查的問題(其實這個問題應(yīng)該是在頁面制作的時候就解決的)。圖片問題主要存在size過大的問題，在這里我們把圖片的優(yōu)化歸在代碼優(yōu)化一部分一起介紹而不另分一類，是因為圖片優(yōu)化與代碼內(nèi)容優(yōu)化的目的是一樣的。網(wǎng)頁中一般應(yīng)用兩種格式的圖片jpeg和gif，這兩種圖片的應(yīng)用很多人把握的并不是很好，jpeg適用于顏色比較多、構(gòu)成比較復(fù)雜的圖片(比如一些照片、漸變顏色等等)，gif適用于顏色比較少、構(gòu)成比較簡單的圖片(比如網(wǎng)站的logo、大的色塊構(gòu)成的圖片等等)。Gif圖片尤其要注意導(dǎo)出的時候選擇顏色數(shù)目這樣也會達(dá)到很好的減小尺寸的效果。對于一些比較大的圖片我們還可以將它切割成比較小的圖片進行拼接這樣也可以提高網(wǎng)頁的下載速度。減小網(wǎng)頁size提高網(wǎng)頁下載速度還有一種簡易的方法就是使用一些網(wǎng)頁減肥的小工具，我們可以去下載一些這樣的工具他們可以使你的網(wǎng)頁縮小20%～50%達(dá)到事半功倍的效果。表格是頁面最重要的排版方式，在瀏覽器讀取網(wǎng)頁代碼的時候，必須讀完一個完整的table才會顯示出來，

如果一個大的table里邊含有很多小的table那么瀏覽器會在讀完整個大的table才將整個的內(nèi)容顯示出來。我們在瀏覽一些頁面的時候經(jīng)常會出現(xiàn)頁面半天才會顯示出來，最后是在等不及了按了"停止"按鈕，頁面一下子顯示出來了，這就是在一些小的table外邊嵌套了一個大的table，而小table已經(jīng)讀完了就是還沒讀完整個的table瀏覽器不會顯示，這樣會大大減慢頁面瀏覽速度。因此我們要盡量減少表格層次，盡量避免將一些小的表格嵌套在大的表格中間。還應(yīng)該注意的是在使用dreamweaver制作網(wǎng)頁的時候經(jīng)常會出現(xiàn)很多垃圾代碼，注意檢查刪除一些沒有用的代碼。網(wǎng)頁的適應(yīng)性就是在不同系統(tǒng)、不同瀏覽器和不同分辨率的適應(yīng)能力。要注意的是分辨率，應(yīng)該最低照顧到800×600的用戶(分辨率800×600的顯示尺寸780×428、分辨率1024×768的顯示尺寸1007×600)，所以頁面最寬不要超過780，一定不要讓用戶橫向拖頁面。