談談網頁優化及網站優化的技巧

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

我認為網頁的優化應該是由兩個方面組成的:1.技術優化，2.人文優化(這個分類只是我總結的，沒有人給出過具體定義)。 技術優化指的是代碼的優化、目錄結構的優化和針對搜尋引擎的優化等等針對技術方面的優化工作，一般都是看不見摸不著的但是會給使用者帶來不少方便也會給網站帶來更大的效益， 技術優化有一定的模式而且需要優化的東西也比較固定相對簡單一些只是時間問題;人文優化指的是交互性優化、易用性優化等等針對使用者使用方面的優化工作，這一部分是網站使用者看得見摸的著的東西， 人文優化是最花經歷最困難的因為我們要猜測消費者的心理。 下面我就分別對這兩個方面進行解釋。

1.技術優化:

技術優化主要分為代碼優化、目錄結構優化和針對搜尋引擎的優化三個部分。 這一部分的優化工作主要是由網站開發人員測試提出方案完成的，而且有一定的規則，所以相對要簡單一些只是時間問題。

(1)代碼優化:

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

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