完美的內(nèi)容是用來(lái)使用的，不管您的內(nèi)容多(duō)麽精彩，如果它們很(hěn)難訪問，用戶照樣會(huì)離開(kāi)，易用性不僅僅牽扯到技(jì)術(shù)，更多(duō)的是良好的Web 創作(zuò)習慣以及易用性。以下就介紹34條實用的網站(zhàn)建設規則，希望能對建站(zhàn)朋友(yǒu)們有(yǒu)用。

　　1、隻使用成熟，簡單，兼容的技(jì)術(shù)

　　Web 技(jì)術(shù)一直在發展，因為(wèi) Http 協議最初隻是為(wèi)了表現簡單的超文本，當人(rén)們賦予 Web 越來(lái)越多(duō)的使命的時(shí)候，Web 的局限性就表現出來(lái)了，為(wèi)了解決這些(xiē)問題，人(rén)們在 Web 上(shàng)面附加了很(hěn)多(duō)新技(jì)術(shù)以增強 Web 的表現能力，Cookie, Javscript, DHTML, ActiveX, Applet, CSS 一直到現在炙手可(kě)熱的 AJAX 技(jì)術(shù)，然而這些(xiē)新技(jì)術(shù)很(hěn)快帶來(lái)了兼容性問題，因為(wèi) Web 內(nèi)容要靠浏覽器(qì)解釋，不同的浏覽器(qì)加不同的安全配置，導緻這些(xiē)新技(jì)術(shù)并不能被如期地渲染出來(lái)。

　　2、Cookie, Javascript, CSS

　　如果您希望您的企業網站(zhàn)能在絕大(dà)多(duō)數(shù)環境下被無障礙的訪問，請(qǐng)謹慎使用除此之外的技(jì)術(shù)，這裏我們需要特别說一下 AJAX 和(hé) Flash，它們也被很(hěn)多(duō)人(rén)認可(kě)，而且 AJAX 事實上(shàng)是基于 Javascript 的，然而，AJAX 同時(shí)要使用在某些(xiē)浏覽器(qì)安全配置下容易被禁用的 XMLHTTPRequest 對象，事實上(shàng)，我的 IE 浏覽器(qì)的安全配置就禁用 XMLHTTPRequest ，所以，除非加入到可(kě)信任站(zhàn)點，否則我連 Google Map 都無法順暢訪問。Flash 是一種偉大(dà)技(jì)術(shù)，在線廣告幾乎是它最完美的使命，作(zuò)為(wèi)易用性規則，我們不排斥以 Flash 技(jì)術(shù)提供廣告，但(dàn) Flash 絕對不可(kě)以用在站(zhàn)點導航等站(zhàn)點基礎結構中。

　　3、不使用任何網頁特效

　　雖然網頁特效并不一定涉及不兼容技(jì)術(shù)，但(dàn)網頁特效對絕大(dà)多(duō)數(shù)人(rén)來(lái)說是非常厭煩的，企業網站(zhàn)絕對不應該使用那(nà)些(xiē)僅僅為(wèi)了好玩的網頁特效，除非您還(hái)生(shēng)活在90年代(現在已經是2009年)，或者您隻有(yǒu)14歲。最令人(rén)厭煩的網頁特效包括，要求設為(wèi)主頁，接連彈出的窗口，全屏窗口，改變鼠标光标，在狀态條上(shàng)滾動的廢話(huà)，頁面內(nèi)容禁選，禁止查看源代碼，閃爍的文字，離開(kāi)時(shí)的彈窗，顔色古怪的窗口滾動條，聲音(yīn)背景。

　　需要記住一條，訪問者永遠都不會(huì)因為(wèi)您使用了一種自認為(wèi)很(hěn) Cool 的特效而覺得(de)您了不起。

　　4、清晰，統一的導航

　　用戶在您的企業網站(zhàn)找到有(yǒu)用內(nèi)容的唯一途徑是通(tōng)過站(zhàn)點的導航系統，您需要花(huā)大(dà)力氣來(lái)組織您的內(nèi)容，保證讓用戶以最快的速度找到它們。導航系統必須清晰，他們應該和(hé)站(zhàn)點的其它內(nèi)容用不同的顔色搭配以便在網頁上(shàng)突出出來(lái)，同時(shí)，每個(gè)頁的導航系統應該完全一緻，從一個(gè)頁面進入另一個(gè)頁面看到完全陌生(shēng)的導航系統是非常令人(rén)沮喪的。

　　5、導航深度不超過三級

　　雖然很(hěn)多(duō)人(rén)覺得(de)這太絕對，事實上(shàng)，用戶需要點三次才能找到自己想要的內(nèi)容仍然太多(duō)，那(nà)種一級一級下潛的導航菜單是令人(rén)生(shēng)畏的，很(hěn)多(duō)人(rén)會(huì)産生(shēng)進去以後便找不到路回來(lái)的恐懼，如果您能夠很(hěn)好地組織自己的內(nèi)容，結合分頁機制(zhì)，Tag機制(zhì)，對絕大(dà)多(duō)數(shù)網站(zhàn)，三級導航深度已經足夠使用了。

　　6、導航鏈接中必須包含文字

　　為(wèi)了美觀，許多(duō)人(rén)喜歡圖片按紐式的導航鏈接，如果您堅持這樣做(zuò)，也無可(kě)厚非，但(dàn)一定在圖片上(shàng)同時(shí)加上(shàng)文字，讓文字體(tǐ)現該鏈接的含義，因為(wèi)除了設計(jì)者，外人(rén)往往很(hěn)難猜測您的圖片按紐的含義，文字是最直接，最精确的。

　　7、必須有(yǒu)純文本版本的站(zhàn)點地圖

　　當用戶在您的令人(rén)眼花(huā)缭亂的站(zhàn)點導航中徹底迷失的時(shí)候，純文字版的，簡單直接的站(zhàn)點地圖還(hái)可(kě)以救急，站(zhàn)點地圖可(kě)以幫助用戶快速找到他們想要的內(nèi)容，這是對導航系統的補充，甚至對有(yǒu)些(xiē)站(zhàn)點來(lái)說，比導航系統更有(yǒu)效。另外，純文本版的站(zhàn)點地圖非常容易被搜索引擎抓取并以此遍曆您的整個(gè)站(zhàn)點。

　　8、必須有(yǒu)面包屑導航條

　　面包屑導航(Breadcrumb Navigation)這個(gè)概念來(lái)自童話(huà)故事"漢澤爾和(hé)格雷特爾"，當漢澤爾和(hé)格雷特爾穿過森(sēn)林時(shí)，他們在沿途走過的地方都撒下了面包屑，讓這些(xiē)面包屑來(lái)幫助他們找到回家(jiā)的路，所以，面包屑導航的作(zuò)用是告訴訪問者他們目前在網站(zhàn)中的位置以及如何返回。

　　9、每頁都有(yǒu)自己的标題

　　許多(duō)企業網站(zhàn)的所有(yǒu)頁的标題都是企業的名字或者一句口号，這會(huì)讓用戶不知道(dào)他們訪問的當前頁是說什麽的，每頁都應有(yǒu)一個(gè)和(hé)本頁內(nèi)容匹配的标題，這樣，即使用戶打開(kāi)了很(hěn)多(duō)窗口，仍然可(kě)以通(tōng)過标題知道(dào)哪一頁是說什麽的。從 SEO 的角度看，在标題中使用本頁內(nèi)容中某些(xiē)關鍵詞是非常好的習慣，而且，當您的頁面出現在搜索引擎的搜索結果中時(shí)，您的頁面标題應當明(míng)确地告訴搜索者他們搜到的頁面是關于什麽的。

　　10、任何頁都有(yǒu)一個(gè)鏈接指向首頁

　　人(rén)們進入一個(gè)陌生(shēng)的地方，當感到迷失或不安的時(shí)候，會(huì)立刻想到返回入口位置，訪問者進入您的網站(zhàn)也是這樣，每頁都有(yǒu)一個(gè)指向首頁的鏈接可(kě)以幫助用戶在感到迷失的時(shí)候，迅速返回入口重新開(kāi)始。應用規則(2)

　　11、網站(zhàn)的 Logo 指向首頁

　　這一條似乎沒有(yǒu)什麽道(dào)理(lǐ)，但(dàn)幾乎所有(yǒu)望站(zhàn)都遵守這樣的約定，當很(hěn)多(duō)人(rén)都這樣約定的時(shí)候，您沒有(yǒu)理(lǐ)由例外。

　　12、對于連貫性內(nèi)容(sequential content)，應提供向導式導航

　　比如說，您在網站(zhàn)上(shàng)發表很(hěn)長的系列文章，您應該将文章分成多(duō)個(gè)章節，用戶看完這一章以後，下面應該有(yǒu)兩個(gè)鏈接，分别指向上(shàng)一章和(hé)下一章，這樣，用戶不必滾動回頁面上(shàng)方訪問導航系統，他/她可(kě)以直接點這兩個(gè)鏈接在文章中前進或後退，這樣不僅節省用戶的時(shí)候，還(hái)可(kě)以帶來(lái)連貫閱讀的快感。

　　13、全文搜索

　　如果用戶不願一頁一頁地翻看您的網站(zhàn)，您應當提供全文搜索功能，雖然您的搜索功能比起專業的搜索引擎還(hái)差很(hěn)多(duō)，但(dàn)可(kě)以幫助您的用戶快速找到他們感興趣的內(nèi)容，不要使用 Google 等商業引擎的搜索代碼進行(xíng)搜索，與其那(nà)樣還(hái)不如讓用戶直接到 Google 中去搜索，您應當提供一個(gè)本地搜索功能，不需要象 Google 那(nà)樣強大(dà)，因為(wèi)您不需要支撐那(nà)麽大(dà)的用戶量，也不需要搜索那(nà)麽龐大(dà)的海量信息，您網站(zhàn)的本地搜索功能對用戶來(lái)說，可(kě)能比 Google 更有(yǒu)幫助。

　　14、不使用歡迎頁

　　當 Flash 如火(huǒ)如荼的時(shí)候，設置一個(gè)歡迎頁，向用戶播放一段精美的動畫(huà)是很(hěn)多(duō)企業網站(zhàn)的追求的模式，然而這種想法實在糟糕，很(hěn)多(duō)人(rén)沒有(yǒu)耐心等待那(nà)段漫長的動畫(huà)下載完畢便離開(kāi)了，您能想象去超市買東西前，需要先在門(mén)口看一段歡迎影(yǐng)片才能進去嗎?您應當讓用戶直接進來(lái)，一進來(lái)就看到實質的內(nèi)容，不要用您的浪漫想法浪費用戶的時(shí)間(jiān)，而且，由于搜索引擎也要首先經過這個(gè)歡迎頁面才能深入到網站(zhàn)內(nèi)部，一個(gè)讓搜索引擎無法解讀的 Flash 動畫(huà)會(huì)讓搜索引擎認為(wèi)您的網站(zhàn)上(shàng)什麽東西都沒有(yǒu)。

　　15、任何圖片必須設置 ALT 和(hé) TITLE 屬性

　　在您的圖片完全下載之前，浏覽器(qì)無法把它們顯示出來(lái)，或者，某些(xiē)浏覽器(qì)可(kě)能關閉了圖片顯示，或者您的圖片資源可(kě)能丢失了，這個(gè)時(shí)候，ALT 或 TITLE 屬性會(huì)讓浏覽器(qì)将圖片的描述性文字顯示在圖片的位置，讓用戶至少(shǎo)知道(dào)那(nà)個(gè)位置準備将要顯示的是什麽。這個(gè)屬性也幫助搜索引擎更好地理(lǐ)解您的圖片。

　　如果圖片要以縮略圖形式顯示，使用真正的降低(dī)了尺寸的縮略圖，不要隻是改變圖片的寬度和(hé)高(gāo)度屬性。這可(kě)以顯著降低(dī)頁面尺寸。

　　16、鏈接必須擁有(yǒu)可(kě)标識的視(shì)覺特征

　　藍(lán)色字體(tǐ)加下劃線是所有(yǒu)人(rén)都認可(kě)的鏈接的視(shì)覺特征，人(rén)們會(huì)用鼠标去點這樣的地方，然而每個(gè)網站(zhàn)都有(yǒu)自己的配色風格，您的頁面背景可(kě)能導緻藍(lán)色字體(tǐ)無法清楚地顯示，這沒有(yǒu)關系，您應當為(wèi)全站(zhàn)的鏈接設置一緻的視(shì)覺特征，已經訪問過的鏈界要與不同的視(shì)覺特征。

　　17、任何頁都有(yǒu)一個(gè)打印友(yǒu)好版本

　　網頁是用來(lái)在屏幕上(shàng)顯示的，不是設計(jì)為(wèi)用來(lái)打印的，所以，使用 IE 浏覽器(qì)的打印功能打印出來(lái)的網頁總是不理(lǐ)想，如果您希望用戶能順利地打印您的內(nèi)容，您應該對每個(gè)頁面都提供一個(gè)打印友(yǒu)好版本，打印友(yǒu)好版本中可(kě)以将導航系統等過分浪費空(kōng)間(jiān)的東西隐藏起來(lái)，讓真正的內(nèi)容成為(wèi)頁面主體(tǐ)，同時(shí)，要使用白底黑(hēi)字，不要使用背景圖案。

　　請(qǐng)注意，如果用戶想到要打印您的內(nèi)容，說明(míng)他/她對您已經非常感興趣了，他們是非常有(yǒu)價值的用戶，一定要幫助他們實現這個(gè)願望。

　　18、頁面都使用一緻的配色和(hé)一緻的結構

　　和(hé)全站(zhàn)使用一緻的導航系統一樣，所有(yǒu)頁面使用一緻的配色和(hé)結構可(kě)以幫助用戶将注意力隻集中在內(nèi)容上(shàng)面，您不應該強迫用戶在新頁面中重新适應新的布局。

　　19、您的站(zhàn)點應當避免讓絕大(dà)多(duō)數(shù)用戶左右滾動窗口

　　例如，如果目前主流顯示器(qì)尺寸是 1024 x 768，即絕大(dà)多(duō)數(shù)用戶的屏幕尺寸至少(shǎo)是這個(gè)值，那(nà)麽對于仍然使用 800 x 600 分辨率屏幕的用戶，在您的頁面布局中應盡量避免讓小(xiǎo)屏幕用戶左右滾動，上(shàng)下滾動已經夠麻煩，再加上(shàng)左右滾動簡直是個(gè)噩夢。您可(kě)以讓您的網業自動适應屏幕尺寸，從技(jì)術(shù)上(shàng)說，這并不困難;也可(kě)以假設一個(gè)寬度，這個(gè)假設的寬度照顧到您認為(wèi)已經适度的用戶群，這是一個(gè)權衡問題，事實上(shàng)，對小(xiǎo)尺寸屏幕過分絕對地照顧也未必是好事，一個(gè)低(dī)于 800 像素寬度的頁面在 1024 寬度的屏幕上(shàng)顯示尚可(kě)，在 1280 寬度的屏幕上(shàng)會(huì)顯得(de)很(hěn)不協調。

　　20、站(zhàn)點必須在第一級導航深度處，讓用戶看到您的完整聯系方式

　　對于陌生(shēng)的企業網站(zhàn)，如果不能在第一頁就看到企業的聯系方式，甚至，聯系電(diàn)話(huà)如果不是固定電(diàn)話(huà)号碼，我都會(huì)感到不放心，您應當在第一級導航深度的頁面中，便提供企業的詳細聯系方式，要讓用戶看到您的地址，聯系電(diàn)話(huà)，同域名下的郵件地址，在到處都有(yǒu)欺騙存在的網絡世界，您應當非常确切地将您現實中真實的聯系方式體(tǐ)現出來(lái)，這會(huì)讓用戶放心。

　　21、每個(gè)頁面的尺寸應當小(xiǎo)于50K

　　必須承受，如果算(suàn)上(shàng)圖片，外部 Javascript, 外部 CSS，我們自己的網站(zhàn)有(yǒu)很(hěn)多(duō)頁面的尺寸也無法低(dī)于50K，但(dàn)這是一個(gè)目标，您應當盡可(kě)能降低(dī)頁面尺寸，不管如今的寬度速度已經多(duō)麽快，要知道(dào)，多(duō)數(shù)人(rén)的 ADSL 接入速度不低(dī)于 120KBS 并不意味着人(rén)們能以這樣的速度訪問您的網站(zhàn)，不同網絡運營商之間(jiān)還(hái)存在着網絡瓶頸，您的網站(zhàn)的外地訪問速度可(kě)能遠遠低(dī)于本地訪問速度。

　　22、在所有(yǒu)主流浏覽器(qì)中擁有(yǒu)一緻的表現

　　IE內(nèi)核的浏覽器(qì)在目前的市場(chǎng)份額已經降低(dī)到 60% 左右，另外的 40% 被 Mozilla,Firefox, Safari, Opera 等占據，您的網站(zhàn)應該服務 W3C 标準，這樣，可(kě)以被所有(yǒu)主流浏覽器(qì)無障礙地訪問，如果您的網站(zhàn)隻支持 IE，就可(kě)能将 40% 的用戶擋在門(mén)外。應用規則(3)

　　23、在用戶操作(zuò)現場(chǎng)提供幫助，而不是進入專門(mén)的幫助系統

　　網站(zhàn)的幫助系統應當分散到各種操作(zuò)現場(chǎng)，不需要象常規軟件那(nà)樣使用專門(mén)的幫助系統，随時(shí)随地為(wèi)用戶提供有(yǒu)用的幫助信息，讓幫助簡單化，改善用戶的訪問體(tǐ)驗。

　　24、用戶可(kě)以對某些(xiē)內(nèi)容進行(xíng)評論或反饋

　　在 Web2.0 時(shí)代，應當注重用戶的參與，網站(zhàn)上(shàng)的絕大(dà)多(duō)數(shù)內(nèi)容應該允許并鼓勵用戶參與評論和(hé)反饋，讓用戶不必注冊就可(kě)以參與評論，如果用戶必須注冊才可(kě)以參與某些(xiē)內(nèi)容，注冊過程也應該盡可(kě)能簡單。

　　25、頁面不可(kě)過分擁擠

　　不要象現在的某些(xiē)門(mén)戶網站(zhàn)那(nà)樣，将令人(rén)眼花(huā)缭亂的信息塞滿首頁，即使您必須放那(nà)麽多(duō)內(nèi)容，也要留出足夠多(duō)的空(kōng)白和(hé)邊界，否則用戶會(huì)覺得(de)很(hěn)累，Web 頁面的媒介是屏幕，不是紙張，您實在沒有(yǒu)必要去節省屏幕的空(kōng)間(jiān)，讓內(nèi)容之間(jiān)寬松地分布在頁面上(shàng)，給用戶以閑适感。

　　26、用不同色彩标識未訪問和(hé)已訪問過的鏈接

　　Web 公認的配色為(wèi)，未訪問過的鏈接使用藍(lán)色(Blue)，訪問過的鏈接使用紫色(Purple)，但(dàn)您可(kě)以根據您全站(zhàn)的色彩搭配設定自己的配色，隻要保持全局一緻即可(kě)。

　　27、使用所有(yǒu)人(rén)都可(kě)以正确顯示的字體(tǐ)

　　一定不要使用生(shēng)僻或美術(shù)字體(tǐ)，您的訪問者使用和(hé)您不同的系統，可(kě)能是不同版本的 Windows，可(kě)能是 Mac 機，或 Linux 甚至掌上(shàng)電(diàn)腦(nǎo)，您無法保證在您這裏正常顯示的某種字體(tǐ)，在用戶那(nà)裏也正常顯示，盡可(kě)能使用标準字體(tǐ)，并在不同環境下進行(xíng)測試，保證您的字體(tǐ)不會(huì)給任何人(rén)帶來(lái)麻煩。

　　28、除非真正必要，否則不用新窗口打開(kāi)鏈接

　　自動用新鏈接打開(kāi)窗口常常讓很(hěn)多(duō)人(rén)生(shēng)氣，因為(wèi)他們的桌面上(shàng)會(huì)有(yǒu)幾十個(gè)開(kāi)啓的窗口，如果用戶想使用新窗口打開(kāi)鏈接，他們可(kě)以自己按 SHIFT 鍵。隻有(yǒu)新窗口是用來(lái)顯示一些(xiē)提示性的消息，或者輔助性的內(nèi)容的時(shí)候，它們才是必要的。

　　29、不使用滿屏模式顯示網頁，讓用戶自己決定窗口的大(dà)小(xiǎo)

　　不要自動為(wèi)用戶打開(kāi)全屏窗口，很(hěn)多(duō)用戶并不知道(dào)應該怎樣從全屏幕狀态轉回來(lái)，全屏窗口可(kě)能讓用戶感到恐慌，因為(wèi)出了什麽問題，不管怎樣，全屏窗口是非常糟糕的事情，一定不要使用。

　　30、不要彈出窗口

　　許多(duō)浏覽器(qì)，或者它們的插件會(huì)阻止彈出窗口，如果您必須使用彈出窗口以便向用戶顯示某個(gè)意外消息，如嚴重錯誤消息，或者通(tōng)知等等，您可(kě)以考慮使用 Lightbox，Lightbox 是一種具有(yǒu)很(hěn)好的視(shì)覺效果，又兼容各種主流浏覽器(qì)的技(jì)術(shù)，适合在網站(zhàn)上(shàng)顯示通(tōng)知，錯誤消息等等彈出內(nèi)容，然而它并不使用彈窗技(jì)術(shù)，它彈出的內(nèi)容仍然位于母窗體(tǐ)，任何浏覽器(qì)彈窗阻止系統都不會(huì)組織這種彈出內(nèi)容。

　　31、用戶注冊的時(shí)候，隻填寫必要的內(nèi)容

　　事實上(shàng)，應該隻填寫用戶名和(hé)密碼就夠了，完全沒有(yǒu)必要要求用戶提供更多(duō)詳細信息，因為(wèi)多(duō)數(shù)人(rén)會(huì)提供假的。除非您的系統是一些(xiē)類似 B2B, B2C 的系統，需要用戶提供真實身份開(kāi)展業務。

　　32、網頁上(shàng)的廣告需要有(yǒu)明(míng)确的廣告标志(zhì)

　　要告訴用戶那(nà)是廣告，廣告要和(hé)您的內(nèi)容有(yǒu)一定的分隔邊界，免得(de)二者混在一起讓用戶迷惑，請(qǐng)記住，用戶在不知情，或被欺騙時(shí)點擊的廣告是沒有(yǒu)任何效用的，帶不來(lái)任何銷售，即使您的廣告是來(lái)自 Google Adsense 那(nà)樣的點擊付費廣告，也不要欺騙用戶點擊，這是一個(gè)從業者最基本的操守。

　　33、廣告不可(kě)使用欺騙伎倆，欺騙不熟練的用戶點擊

　　您一定遇到過這樣的廣告，頁面上(shàng)突然彈出一個(gè)小(xiǎo)窗口，說您的系統感染了某某流行(xíng)病毒，請(qǐng)點擊該按紐清除;或者說某某人(rén)給您發來(lái)一個(gè)消息雲雲，這種明(míng)顯的欺詐性廣告是非常低(dī)劣的，是對用戶明(míng)顯的愚弄，不要挑戰您的用戶的智商，尤其當很(hěn)多(duō)人(rén)都上(shàng)過當并怒不可(kě)遏的時(shí)候。

　　34、剝離了 Javascript, CSS 等支持文件，您的網頁仍然能準确的顯示

　　在某些(xiē)情況下，用戶可(kě)能禁用 Javascript，CSS 文件可(kě)能丢失，這時(shí)您的網站(zhàn)頁面仍能正常顯示。網頁設計(jì)的一個(gè)基本原則是，首先不使用任何 CSS 裝飾将內(nèi)容正确顯示，然後套用 CSS 将內(nèi)容修飾。另外，Javascript 不應該用在導航等關鍵場(chǎng)合，一旦 Javascript 被禁用，用戶可(kě)能導航都使用不了。