松江溢尚網(wǎng)絡(luò)，松江網(wǎng)站優(yōu)化，這個互聯(lián)網(wǎng)基礎(chǔ)性行業(yè)在經(jīng)歷了長時間的發(fā)展變化之后，現(xiàn)在已經(jīng)慢慢步入理性的發(fā)展軌道，特別是如今在搜索引擎越來越掌控人們信息搜尋的今天，良好的用戶體驗度及好的搜索引擎排名在整個網(wǎng)站建設(shè)過程中是重點需要考慮的方向了。

網(wǎng)站設(shè)計從過去的盲目跟時髦狀態(tài)，如今面向用戶轉(zhuǎn)變及面向搜索引擎是不可逆的趨勢了。適應(yīng)搜索引擎也好，對搜索引擎友好也好，都在強(qiáng)調(diào)搜索引擎對網(wǎng)站的重要性—沒有搜索引擎，哪里來的訪客？用戶體驗度也好，提升訪問量也好，或者是提高頁面的訪問深度，這種以搜索引擎及用戶適應(yīng)性為主體的網(wǎng)站設(shè)計的新理念，經(jīng)過許多成功網(wǎng)站的檢驗而成為一種新的趨勢。

那么如何才能既顧及了搜索引擎的排名算法，同樣也提升良好的用戶體驗度呢？網(wǎng)頁設(shè)計應(yīng)考慮的SEO因素？下面幾條作為網(wǎng)頁設(shè)計師不得不重視。

1，代碼精簡化，布局清晰流暢。

搜索引擎不喜歡大量的冗余代碼，盡可能用精簡的代碼量來完成相同的功能是指導(dǎo)性標(biāo)準(zhǔn)，比如table向DIV布局的轉(zhuǎn)變，css代碼的精煉化，在使用DIV布局是盡可能少的減少DIV層的嵌套等這些符合web2.0標(biāo)準(zhǔn)。

同時頁面布局的時候不要混亂，在著手做網(wǎng)頁靜態(tài)化之前就對整個網(wǎng)頁的層結(jié)構(gòu)有清晰的規(guī)劃，用盡可能合理的DIV結(jié)構(gòu)來把網(wǎng)頁給靜態(tài)化完是王道。參考標(biāo)準(zhǔn)：一般來講頁面大小不要超過125K。

2， JS腳本、CSS腳本外部調(diào)用處理。

在靜態(tài)化過程中一些網(wǎng)站需要用到的JavaScript及CSS樣式等統(tǒng)一整理成相應(yīng)的JS文件、CSS文件做外部外部調(diào)用，一般不要直接把這些代碼寫在網(wǎng)頁中，這樣可最大化的減少頁面代碼量，更有利于網(wǎng)頁加載速度也有利于搜索引擎蜘蛛的抓取！同時，在合并js代碼時只要不是JS文件過大，要盡量減少腳本文件個數(shù)，這個也是一條準(zhǔn)則！

3，醒目清晰的導(dǎo)航系統(tǒng)

導(dǎo)航對搜索引擎來講是舉足輕重的，網(wǎng)站的主導(dǎo)航及次導(dǎo)航一般是全站通用，所以導(dǎo)航要盡量清晰化，明確化真正起到導(dǎo)航的作用。

另一方面，在處理導(dǎo)航的時候盡量使用文字做導(dǎo)航，盡可能的避免使用圖片或者flash等，若一定要用圖片請一定加上alt屬性。Flash則盡量避免，盡管Flash的表現(xiàn)效果特別好，但是目前搜索引擎還是無法讀取到Flash文件的，這是典型的顧忌用戶體驗度而忽略的搜索引擎友好度。

4， 圖片與A鏈接標(biāo)簽加上屬性

現(xiàn)在搜索引擎還讀取不到圖片信息，因此在設(shè)計靜態(tài)化頁面時就要注意給所有圖片加上alt描述屬性，搜索引擎是可以抓取到圖片的alt屬性的。同時給圖片的alt屬性及a標(biāo)簽加上title屬性是符合W3C標(biāo)準(zhǔn)，同時可以幫助用戶瀏覽。

在設(shè)計時一些欄目標(biāo)題類的是特別要注意的，這些是對搜索引擎起重要作用的地方，盡可能的減少圖片及特殊字體的使用，這些地方既不會嚴(yán)重影響用戶體驗度還兼顧了搜索引擎的抓取！

5，頁面title等信息要完整

在對設(shè)計圖進(jìn)行靜態(tài)化的時候我們對每個頁面包換標(biāo)題、關(guān)鍵字（keywords）、描述（description）等都應(yīng)該完善并在程序處理時要注意同步差異化更新。設(shè)計師做好的模板在程序處理時一定要是跟頁面內(nèi)容相關(guān)！

6， HTML標(biāo)簽使用要合理

對css操作熟練的美工往往對同一個表現(xiàn)效果來說使用任何一種HTML標(biāo)簽都能實現(xiàn)，比如對標(biāo)題來說，用H1跟span標(biāo)簽都可以實現(xiàn)一樣的效果不會影響到用戶體驗，但是對搜索引擎來說是天壤之別。對搜索引擎來講，h1-h6標(biāo)簽是判斷哪個是最重要的些是次要的參考依據(jù)。

一般來將一個頁面只能使用一個H1標(biāo)簽，可同時使用多個H2及H3標(biāo)簽來指明內(nèi)容的層次以及描述相似的內(nèi)容區(qū)域，H4-H6的標(biāo)簽基本可以忽略。

7， 頁面布局結(jié)構(gòu)要合理

這主要是一些瑣碎的注意事項，做好了可以是用戶方面直接的找到內(nèi)容及搜索蜘蛛行（PS：這些就是所謂的站內(nèi)優(yōu)化）。

1) 面包屑型導(dǎo)航；

2) 樹狀扁平化結(jié)構(gòu)；

3) 設(shè)置上一篇、下一篇文章；

4) 根據(jù)文章的關(guān)鍵詞設(shè)置“相關(guān)文章”欄目等。

8， 目錄化站點欄目

在靜態(tài)化的時候要注意站點欄目的目錄化處理，簡單來講就是對不同的欄目設(shè)置不同的目錄，是站點在物理結(jié)構(gòu)上保持層次清晰，比如對一個簡單的企業(yè)站來說：新聞中心、產(chǎn)品中心、在線服務(wù)等可在站點跟目錄設(shè)置news、products、services目錄來存放該欄目下的頻道頁、欄目頁、終端頁這些。同時在目錄劃分是盡量不超過三次，這樣可縮短url地址盡長度，或者使用靜態(tài)URL或者偽靜態(tài)都行！ 
 
總之上面羅列的是在網(wǎng)頁設(shè)計時一些要注意到事項，做好這些基本上就可以在網(wǎng)站建設(shè)及頁面靜態(tài)化的時候把用戶體驗及搜索引擎友好度這些做的最好的平衡，可謂“魚與熊掌兼得”之舉。