【導(dǎo)讀】本書《完美企業(yè)網(wǎng)站的101項指標(biāo)》由銳商軟件編撰，作者35公里，旨在從內(nèi)容，易用性，設(shè)計，安全，性能，W3C標(biāo)準(zhǔn)，SEO七個方面，提高企業(yè)網(wǎng)站的完美度。本電子書可以自由傳播，轉(zhuǎn)載，但不可用于。贏利性商業(yè)行為，任何組織或個人在對本書進行轉(zhuǎn)載，引用，提供下載的時候，都必須注明出處。

　　

【正文】 ，統(tǒng)一的導(dǎo)航 用戶在您的企業(yè)網(wǎng)站找到有用內(nèi)容的唯一途徑是通過站點的導(dǎo)航系統(tǒng)，您需要花大力氣來組織您的內(nèi)容，保證讓用戶以最快的速度找到它們。導(dǎo)航系統(tǒng)必須清晰，他們應(yīng)該和站點的其它內(nèi)容用不同的顏色搭配以便在網(wǎng)頁上突出出來，同時，每個頁的導(dǎo)航系統(tǒng)應(yīng)該完全 一致，從一個頁面進入另一個頁面看到完全陌生的導(dǎo)航系統(tǒng)是非常令人沮喪的。 導(dǎo)航深度不超過三級 雖然很多人覺得這太絕對，事實上，用戶需要點三次才能找到自己想要的內(nèi)容仍然太多，那種一級一級下潛的導(dǎo)航菜單是令人生畏的，很多人會產(chǎn)生進去以后便找不到路回來的恐懼，如果您能夠很好地組織自己的內(nèi)容，結(jié)合分頁機制， Tag 機制，對絕大多數(shù)網(wǎng)站，三級導(dǎo)航深度已經(jīng)足夠使用了。 導(dǎo)航鏈接中必須包含文字 完美企業(yè)網(wǎng)站的 101 項指標(biāo) V2 銳商軟件 .青島櫸林花園 A 座 206 TEL: +8653283669660 FAX: +8653283668539 EMAIL: 本書《 完美企業(yè)網(wǎng)站的 101 項指標(biāo) 》 由銳商軟件編撰 ，作者 35 公里 ，旨在從內(nèi)容，易用性，設(shè)計，安全，性能， W3C 標(biāo)準(zhǔn)， SEO 七個方面，提高企業(yè)網(wǎng)站的完美度。本電子書可以自由傳播，轉(zhuǎn)載，但不可用于贏利性商業(yè) 行為 ，任何組織或個人在對本書進行轉(zhuǎn)載，引用，提供下載的時候，都必須注明出處。 第 21 頁 共 42 頁 為了美觀，許多人喜歡圖片按紐式的導(dǎo)航鏈接，如果您堅持這樣做，也無可厚非，但一定在圖片上同時加上文字，讓文字體現(xiàn)該鏈接的含義，因為除了 設(shè)計者，外人往往很難猜測您的圖片按紐的含義，文字是最直接，最精確的。 必須有純文本版本的站點地圖 當(dāng)用戶在您的令人眼花繚亂的站點導(dǎo)航中徹底迷失的時候，純文字版的，簡單直接的站點地圖還可以救急，站點地圖可以幫助用戶快速找到他們想要的內(nèi)容，這是對導(dǎo)航系統(tǒng)的補充，甚至對有些站點來說，比導(dǎo)航系統(tǒng)更有效。另外，純文本版的站點地圖非常容易被搜索引擎抓取并以此遍歷您的整個站點。 必須有面包屑導(dǎo)航條 面包屑導(dǎo)航（ Breadcrumb Navigation）這個概念來自童話故事 漢澤爾和格雷特爾 ，當(dāng)漢澤爾和格雷特爾穿過森林時，他們在沿途走過的地方都撒下了面包屑，讓這些面包屑來幫助他們找到回家的路，所以，面包屑導(dǎo)航的作用是告訴訪問者他們目前在網(wǎng)站中的位置以及如何返回。 每頁都有自己的標(biāo)題 許多企業(yè)網(wǎng)站的所有頁的標(biāo)題都是企業(yè)的名字或者一句口號，這會讓用戶不知道他們訪問的當(dāng)前頁是說什么的，每頁都應(yīng)有一個和本頁內(nèi)容匹配的標(biāo)題，這樣，即使用戶打開了很多窗口，仍然可以通過標(biāo)題知道哪一頁是說什么的。從 SEO 的角度看，在標(biāo)題中使用本頁內(nèi)容中某些關(guān)鍵詞是非常好的習(xí)慣，而且，當(dāng)您的頁面出現(xiàn)在搜索引擎的搜索結(jié)果中時，您的頁面標(biāo)題應(yīng)當(dāng)明確地告訴搜索者他們搜到的頁面是關(guān)于什么的。 任何頁都有一個鏈接指向首頁 人們進入一個陌生的地方，當(dāng)感到迷失或不安的時候，會立刻想到返回入口位置，訪問者進入您的網(wǎng)站也是這樣，每頁都有一個指向首頁的鏈接可以幫助用戶在感到迷失的時候，迅速返回入口重新開始。 網(wǎng)站的 Logo 指向首頁 完美企業(yè)網(wǎng)站的 101 項指標(biāo) V2 銳商軟件 .青島櫸林花園 A 座 206 TEL: +8653283669660 FAX: +8653283668539 EMAIL: 本書《 完美企業(yè)網(wǎng)站的 101 項指標(biāo) 》 由銳商軟件編撰 ，作者 35 公里 ，旨在從內(nèi)容，易用性，設(shè)計，安全，性能， W3C 標(biāo)準(zhǔn)， SEO 七個方面，提高企業(yè)網(wǎng)站的完美度。本電子書可以自由傳播，轉(zhuǎn)載，但不可用于贏利性商業(yè) 行為 ，任何組織或個人在對本書進行轉(zhuǎn)載，引用，提供下載的時候，都必須注明出處。 第 22 頁 共 42 頁 這一條似乎沒有什么道理，但幾乎所有望站都遵守這樣的約定，當(dāng)很多人都這樣約定的時候，您沒有理由例外。 對于連貫性內(nèi)容（ sequential content），應(yīng)提供向?qū)綄?dǎo)航 比如說，您在網(wǎng)站上發(fā)表很長的系列文章，您應(yīng)該將文章分成多個章節(jié)，用戶看完這一章以后，下面應(yīng)該有兩個鏈接，分別指向上一章和下一章，這樣，用戶不必滾動回頁面上方訪問導(dǎo)航系統(tǒng)，他 /她可以直接點這兩個鏈接在文章中前進或后退，這樣不僅節(jié)省用戶的時候，還可以帶來連貫閱讀的快感。 全文搜索 如果用戶不愿一頁一頁地翻看您的網(wǎng)站，您應(yīng)當(dāng)提供全文搜索功能，雖然您的搜索功能比起專業(yè)的搜索引擎還差很多，但可以幫助您的用戶快速找到他們感興趣的內(nèi)容，不要使用 Google 等商業(yè)引擎的搜索代碼進行搜索，與其那樣還不如讓用戶直接到 Google 中去搜索，您應(yīng)當(dāng)提供一個本地搜索功能，不需要象 Google 那樣強大，因為您不需要支撐那么大的用戶量，也不需要搜索那么龐大的海量信息，您網(wǎng)站的本地搜索功能對用戶來說，可能比 Google 更有幫助。 不使用歡迎頁 當(dāng) Flash 如火如荼的時候，設(shè)置一個歡迎頁，向用戶播放一段精美的動畫是很多企業(yè)網(wǎng)站的追求的模式，然而這種想法實在糟糕，很多人沒有耐心等待那段漫長的動畫下載完畢便離開了，您能想象去超市買東西前，需要先在門口看 一段歡迎影片才能進去嗎？您應(yīng)當(dāng)讓用戶直接進來，一進來就看到實質(zhì)的內(nèi)容，不要用您的浪漫想法浪費用戶的時間，而且，由于搜索引擎也要首先經(jīng)過這個歡迎頁面才能深入到網(wǎng)站內(nèi)部，一個讓搜索引擎無法解讀的 Flash 動畫會讓搜索引擎認(rèn)為您的網(wǎng)站上什么東西都沒有。 任何圖片必須設(shè)置 ALT 和 TITLE 屬性 在您的圖片完全下載之前，瀏覽器無法把它們顯示出來，或者，某些瀏覽器可能關(guān)閉了圖片顯示，或者您的圖片資源可能丟失了，這個時候， ALT 或 TITLE 屬性會讓瀏覽器將圖片的描述性文字顯示在圖片的位置，讓用戶至少知 道那個位置準(zhǔn)備將要顯示的是什么。這個屬性也幫助搜索引擎更好地理解您的圖片。 完美企業(yè)網(wǎng)站的 101 項指標(biāo) V2 銳商軟件 .青島櫸林花園 A 座 206 TEL: +8653283669660 FAX: +8653283668539 EMAIL: 本書《 完美企業(yè)網(wǎng)站的 101 項指標(biāo) 》 由銳商軟件編撰 ，作者 35 公里 ，旨在從內(nèi)容，易用性，設(shè)計，安全，性能， W3C 標(biāo)準(zhǔn)， SEO 七個方面，提高企業(yè)網(wǎng)站的完美度。本電子書可以自由傳播，轉(zhuǎn)載，但不可用于贏利性商業(yè) 行為 ，任何組織或個人在對本書進行轉(zhuǎn)載，引用，提供下載的時候，都必須注明出處。 第 23 頁 共 42 頁 如果圖片要以縮略圖形式顯示，使用真正的降低了尺寸的縮略圖，不要只是改變圖片的寬度和高度屬性 這可以顯著降低頁面尺寸。 鏈接必須擁有可標(biāo)識的視覺特征 藍色字體加下劃線是所有人都認(rèn)可的鏈接的視覺特征，人們會用鼠標(biāo)去點這樣的地方，然而每個網(wǎng)站都有自己的配色風(fēng)格，您的頁面背景可能導(dǎo)致藍色字體無法清楚地顯示，這沒有關(guān)系，您應(yīng)當(dāng)為全站的鏈接設(shè)置一致的視覺特征，已經(jīng)訪問過的鏈界要與不同的視覺特征。 任何頁都有一個打印友好版本 網(wǎng)頁是用來在屏幕 上顯示的，不是設(shè)計為用來打印的，所以，使用 IE 瀏覽器的打印功能打印出來的網(wǎng)頁總是不理想，如果您希望用戶能順利地打印您的內(nèi)容，您應(yīng)該對每個頁面都提供一個打印友好版本，打印友好版本中可以將導(dǎo)航系統(tǒng)等過分浪費空間的東西隱藏起來，讓真正的內(nèi)容成為頁面主體，同時，要使用白底黑字，不要使用背景圖案。 請注意，如果用戶想到要打印您的內(nèi)容，說明他 /她對您已經(jīng)非常感興趣了，他們是非常有價值的用戶，一定要幫助他們實現(xiàn)這個愿望。 頁面都使用一致的配色和一致的結(jié)構(gòu) 和全站使用一致的導(dǎo)航系統(tǒng)一樣，所有頁面使用一致的配色和結(jié)構(gòu)可以 幫助用戶將注意力只集中在內(nèi)容上面，您不應(yīng)該強迫用戶在新頁面中重新適應(yīng)新的布局。 您的站點應(yīng)當(dāng)避免讓絕大多數(shù)用戶左右滾動窗口 現(xiàn)在（今天是 2020 年 9 月 1 日）的主流顯示器尺寸是 1024 x 768，您可以比較安全地假設(shè)，絕大多數(shù)用戶的屏幕尺寸至少是這個值，但我確實看到不少仍然使用 800 x 600 分辨率屏幕的用戶，無論如何，您的頁面布局應(yīng)盡量避免讓小屏幕用戶左右滾動，上下滾動已經(jīng)夠麻煩，再加上左右滾動簡直是個噩夢。您可完美企業(yè)網(wǎng)站的 101 項指標(biāo) V2 銳商軟件 .青島櫸林花園 A 座 206 TEL: +8653283669660 FAX: +8653283668539 EMAIL: 本書《 完美企業(yè)網(wǎng)站的 101 項指標(biāo) 》 由銳商軟件編撰 ，作者 35 公里 ，旨在從內(nèi)容，易用性，設(shè)計，安全，性能， W3C 標(biāo)準(zhǔn)， SEO 七個方面，提高企業(yè)網(wǎng)站的完美度。本電子書可以自由傳播，轉(zhuǎn)載，但不可用于贏利性商業(yè) 行為 ，任何組織或個人在對本書進行轉(zhuǎn)載，引用，提供下載的時候，都必須注明出處。 第 24 頁 共 42 頁 以讓您的網(wǎng)業(yè)自動適應(yīng)屏幕尺寸，從技術(shù)上說，這并不困難；也可以假設(shè)一個寬度，這個假設(shè)的寬 度照顧到您認(rèn)為已經(jīng)適度的用戶群，這是一個權(quán)衡問題，事實上，對小尺寸屏幕過分絕對地照顧也未必是好事，一個低于 800 像素寬度的頁面在 1024 寬度的屏幕上顯示尚可，在 1280 寬度的屏幕上會顯得很不協(xié)調(diào)。 但無論如何， 90 年代盛行的那種使用 Javascript 判斷屏幕尺寸，然后根據(jù)不同尺寸輸出不同布局的做法已經(jīng)行不通了，現(xiàn)在的屏幕尺寸已經(jīng)無法嚴(yán)格 QVGA, VGA 那樣劃分，很多非標(biāo)準(zhǔn)尺寸的屏幕大量出現(xiàn)，您幾乎無法預(yù)料您的網(wǎng)站將來會遇見什么尺寸的屏幕。 站點必須在第一級導(dǎo)航深度處，讓用戶看到您的完 整聯(lián)系方式 對于陌生的企業(yè)網(wǎng)站，如果不能在第一頁就看到企業(yè)的聯(lián)系方式，甚至，聯(lián)系電話如果不是固定電話號碼，我都會感到不放心，您應(yīng)當(dāng)在第一級導(dǎo)航深度的頁面中，便提供企業(yè)的詳細(xì)聯(lián)系方式，要讓用戶看到您的地址，聯(lián)系電話，同域名下的郵件地址，在到處都有欺騙存在的網(wǎng)絡(luò)世界，您應(yīng)當(dāng)非常確切地將您現(xiàn)實中真實的聯(lián)系方式體現(xiàn)出來，這會讓用戶放心。 每個頁面的尺寸應(yīng)當(dāng)小于 50K 必須承受，如果算上圖片，外部 Javascript, 外部 CSS，我們自己的網(wǎng)站有很多頁面的尺寸也無法低于50K，但這是一個目標(biāo)，您應(yīng)當(dāng)盡可能降低 頁面尺寸，不管如今的寬度速度已經(jīng)多么快，要知道，多數(shù)人的 ADSL 接入速度不低于 120KBS 并不意味著人們能以這樣的速度訪問您的網(wǎng)站，不同網(wǎng)絡(luò)運營商之間還存在著網(wǎng)絡(luò)瓶頸，您的網(wǎng)站的外地訪問速度可能遠遠低于本地訪問速度。 在所有主流瀏覽器中擁有一致的表現(xiàn) IE 內(nèi)核的瀏覽器在今天（今天是 2020 年 9 月 1 日）的市場份額已經(jīng)降低到 60% 左右，另外的 40% 被 Mozilla,Firefox, Safari, Opera 等占據(jù)，您的網(wǎng)站應(yīng)該 符合 W3C 標(biāo)準(zhǔn)，這樣，可以被所有主流瀏覽器無障礙地訪問，如果 您的網(wǎng)站只支持 IE，就可能將 40% 的用戶擋在門外。 在用戶操作現(xiàn)場提供幫助，而不是進入專門的幫助系統(tǒng) 完美企業(yè)網(wǎng)站的 101 項指標(biāo) V2 銳商軟件 .青島櫸林花園 A 座 206 TEL: +8653283669660 FAX: +8653283668539 EMAIL: 本書《 完美企業(yè)網(wǎng)站的 101 項指標(biāo) 》 由銳商軟件編撰 ，作者 35 公里 ，旨在從內(nèi)容，易用性，設(shè)計，安全，性能， W3C 標(biāo)準(zhǔn)， SEO 七個方面，提高企業(yè)網(wǎng)站的完美度。本電子書可以自由傳播，轉(zhuǎn)載，但不可用于贏利性商業(yè) 行為 ，任何組織或個人在對本書進行轉(zhuǎn)載，引用，提供下載的時候，都必須注明出處。 第 25 頁 共 42 頁 網(wǎng)站的幫助系統(tǒng)應(yīng)當(dāng)分散到各種操作現(xiàn)場，不需要象常規(guī)軟件那樣使用專門的幫助系統(tǒng)，隨時隨地為用戶提供有用的幫助信息，讓幫助簡單化，改善用戶的訪問體驗。 用戶可以對某些內(nèi)容進行評論或反饋 在 時代（今天是 2020 年 9 月 1 日），應(yīng)當(dāng)注重用戶的參與，網(wǎng)站上的絕大多數(shù)內(nèi)容應(yīng)該允許并鼓勵用戶參與評論和反饋，讓用戶不必注冊就可以參與評論，如果用戶必須注冊才可以參與某些內(nèi)容，注冊過程也應(yīng)該盡可能簡單。 頁 面不可過分擁擠 不要象現(xiàn)在的某些門戶網(wǎng)站那樣，將令人眼花繚亂的信息塞滿首頁，即使您必須放那么多內(nèi)容，也要留出足夠多的空白和邊界，否則用戶會覺得很累， Web 頁面的媒介是屏幕，不是紙張，您實在沒有必要去節(jié)省屏幕的空間，讓內(nèi)容之間寬松地分布在頁面上，給用戶以閑適感。 用不同色彩標(biāo)識未訪問和已訪問過的鏈接 Web 公認(rèn)的配色為，未訪問過的鏈接使用藍色（ Blue），訪問過的鏈接使用紫色（ Purple），但您可以根據(jù)您全站的色彩搭配設(shè)定自己的配色，只要保持全局一致即可。 使用所有人都可以正確顯示的字體 一定不要使用生 僻或美術(shù)字體，您的訪問者使用和您不同的系統(tǒng)，可能是不同版本的 Windows，可能是 Mac 機，或 Linux 甚至掌上電腦，您無法保證在您這里正常顯示的某種字體，在用戶那里也正常顯示，盡可能使用標(biāo)準(zhǔn)字體，并在不同環(huán)境下進行測試，保證您的字體不會給任何人帶來麻煩。 除非真正必要，否則不用新窗口打開鏈接 自動用新鏈接打開窗口常常讓很多人生氣，因為他們的桌面上會有幾十個開啟的窗