一个完美网站的101项指标.第一部分.概述
生活随笔
收集整理的這篇文章主要介紹了
一个完美网站的101项指标.第一部分.概述
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前言
世 界上最有趣的職業是網站設計師,有人為自己的作品喊價5000美金,有人129美金就行,而很多人根本看不出這兩者的差別,我見過一個加拿大 Freelancer 設計師,他的網站上有個報價系統,你可以選擇自己的預算范圍,其中最小的一個選項是2500-5000美金,而在 Craigslist (www.craigslist.org)上,百把美金的網站設計師比比皆是。如果你讀 Alistapart (www.alistapart.com), 就會知道頂尖設計師整天都在想什么,他們簡直是小題大做,為一些細微的東西較真,這世界上不乏追求完美的人,而完美并不存在,于是所有人都胡亂地做,網站 是這樣一種產品,它的消費者以為是高不可攀的東西,在設計者眼里可能視之如草芥,它的門檻如此之低,而真正的好作品又是如此之難。中國有130萬網站,它 們
要么從來就沒有更新過,
要么包含了大量技術錯誤,
要么壓根無法在第二種瀏覽器中訪問,
要么被搜索引擎徹底拋棄,
要么慘不忍睹,
要么讓人摸不著頭腦,
要么一攻即可破,
要么過度設計得象爆發戶,
要么簡陋得象草臺班子。
《一個完美的網站的101項指標》針對當前網站設計中的最常見問題,從內容,易用性,設計,安全,性能,W3C標準,SEO 七個方面,分析了一個完美網站應該擁有的品質。
在編撰《一個完美的網站的101項指標》期間,以下網絡資源曾給予我極大幫助與靈感,在此表示感謝。
1. ALA, 一些關于網站設計的技術隨筆(www.alistapart.com)
2. W3Schools,一個準確而權威的 W3C 方面的技術網站(www.w3schools.com)
3. Blueidea,國內的 W3C 與設計相關的網站(www.blueidea.com)
4. Joomla, 最優雅的開源 CMS 系統 (www.joomla.com)
5. Clexus,我不止一次到這里偷竊設計方面的靈感 (www.clexus.com)
6. 24ways,同樣關于設計與標準方面的技術站點,可惜 2006 年末以后就停止更新了 (http://24ways.org)
7. 456bereastreet,一個關于設計,易用性以及 Web 標準的網站(http://www.456bereastreet.com)
8. CSS Zen Garden, 一個關于 CSS 的試驗站點,看看 CSS 可以幫人們實現什么 (www.csszengarden.com)
9. CSS Beauty, 同上 (www.cssbeauty.com)
10. 31three, 我前面說過的,起價 2500 美金的 Freelancer 設計師,我也偷竊過他的靈感(www.31three.com)
11. Vision Australia,一個幫助你進行 Web 配色分析測試的在線程序 (http://www.visionaustralia.org.au/info.aspx?page=628
12. Watch Fire,一個在線 Web 易用性與可訪問性測試工具 (http://webxact.watchfire.com)
13. Xhtml Strict 驗證, W3 提供的,最權威的 Xhtml 語法驗證工具 (validator.w3.org )
14. CSS Validator, W3 提供的 CSS 驗證工具 (http://jigsaw.w3.org/css-validator)
15. Html Validator, WDG 提供的 HTML 語法驗證工具(http://www.htmlhelp.com/tools/validator/)
16. IE Buggs,專門揭露 IE Bug 的站點 (http://positioniseverything.net/explorer.html)
17. Best Website Award,最佳網站評選 (http://www.webaward.org)
18. Website Usability Checklist,網站易用性檢測工具(http://web.mit.edu/is/usability/usability-guidelines.html)
19. Web Content Accessibility Guidelines, 來自 W3 的網站內容可訪問性指導 (http://www.w3.org/TR/WAI-WEBCONTENT/
20. SEO Checklist,這個簡陋的網頁為 Google SEO 提供了驚人的價值 ( http://www.vaughns-1-pagers.com/internet/google-ranking-factors.htm)
21. SEOMOZ,如果要找一個全球 SEO的唯一權威,就是他們了。(http://www.seomoz.org)
22. 點石互動,如果要找一個國內的 SEO 唯一權威組織,就是他們了 (http://www.dunsh.org/)
23. SEO每日一帖,如果要找一個華人 SEO 界的個人英雄,就是Zac了 (http://www.chinamyhosting.com/seoblog/)
24. W3 組織,W3C 的詮釋者 (www.w3.org)
25. 特別感謝胡寶介女士的 《搜索引擎優化 (SEO) 完全知識手冊》,雖然她的很多觀點現在來看有些過時了。
概述
本文由 COMSHARP CMS 官方站點提供?
世 界上最有趣的職業是網站設計師,有人為自己的作品喊價5000美金,有人129美金就行,而很多人根本看不出這兩者的差別,我見過一個加拿大 Freelancer 設計師,他的網站上有個報價系統,你可以選擇自己的預算范圍,其中最小的一個選項是2500-5000美金,而在 Craigslist (www.craigslist.org)上,百把美金的網站設計師比比皆是。如果你讀 Alistapart (www.alistapart.com), 就會知道頂尖設計師整天都在想什么,他們簡直是小題大做,為一些細微的東西較真,這世界上不乏追求完美的人,而完美并不存在,于是所有人都胡亂地做,網站 是這樣一種產品,它的消費者以為是高不可攀的東西,在設計者眼里可能視之如草芥,它的門檻如此之低,而真正的好作品又是如此之難。中國有130萬網站,它 們
要么從來就沒有更新過,
要么包含了大量技術錯誤,
要么壓根無法在第二種瀏覽器中訪問,
要么被搜索引擎徹底拋棄,
要么慘不忍睹,
要么讓人摸不著頭腦,
要么一攻即可破,
要么過度設計得象爆發戶,
要么簡陋得象草臺班子。
《一個完美的網站的101項指標》針對當前網站設計中的最常見問題,從內容,易用性,設計,安全,性能,W3C標準,SEO 七個方面,分析了一個完美網站應該擁有的品質。
在編撰《一個完美的網站的101項指標》期間,以下網絡資源曾給予我極大幫助與靈感,在此表示感謝。
1. ALA, 一些關于網站設計的技術隨筆(www.alistapart.com)
2. W3Schools,一個準確而權威的 W3C 方面的技術網站(www.w3schools.com)
3. Blueidea,國內的 W3C 與設計相關的網站(www.blueidea.com)
4. Joomla, 最優雅的開源 CMS 系統 (www.joomla.com)
5. Clexus,我不止一次到這里偷竊設計方面的靈感 (www.clexus.com)
6. 24ways,同樣關于設計與標準方面的技術站點,可惜 2006 年末以后就停止更新了 (http://24ways.org)
7. 456bereastreet,一個關于設計,易用性以及 Web 標準的網站(http://www.456bereastreet.com)
8. CSS Zen Garden, 一個關于 CSS 的試驗站點,看看 CSS 可以幫人們實現什么 (www.csszengarden.com)
9. CSS Beauty, 同上 (www.cssbeauty.com)
10. 31three, 我前面說過的,起價 2500 美金的 Freelancer 設計師,我也偷竊過他的靈感(www.31three.com)
11. Vision Australia,一個幫助你進行 Web 配色分析測試的在線程序 (http://www.visionaustralia.org.au/info.aspx?page=628
12. Watch Fire,一個在線 Web 易用性與可訪問性測試工具 (http://webxact.watchfire.com)
13. Xhtml Strict 驗證, W3 提供的,最權威的 Xhtml 語法驗證工具 (validator.w3.org )
14. CSS Validator, W3 提供的 CSS 驗證工具 (http://jigsaw.w3.org/css-validator)
15. Html Validator, WDG 提供的 HTML 語法驗證工具(http://www.htmlhelp.com/tools/validator/)
16. IE Buggs,專門揭露 IE Bug 的站點 (http://positioniseverything.net/explorer.html)
17. Best Website Award,最佳網站評選 (http://www.webaward.org)
18. Website Usability Checklist,網站易用性檢測工具(http://web.mit.edu/is/usability/usability-guidelines.html)
19. Web Content Accessibility Guidelines, 來自 W3 的網站內容可訪問性指導 (http://www.w3.org/TR/WAI-WEBCONTENT/
20. SEO Checklist,這個簡陋的網頁為 Google SEO 提供了驚人的價值 ( http://www.vaughns-1-pagers.com/internet/google-ranking-factors.htm)
21. SEOMOZ,如果要找一個全球 SEO的唯一權威,就是他們了。(http://www.seomoz.org)
22. 點石互動,如果要找一個國內的 SEO 唯一權威組織,就是他們了 (http://www.dunsh.org/)
23. SEO每日一帖,如果要找一個華人 SEO 界的個人英雄,就是Zac了 (http://www.chinamyhosting.com/seoblog/)
24. W3 組織,W3C 的詮釋者 (www.w3.org)
25. 特別感謝胡寶介女士的 《搜索引擎優化 (SEO) 完全知識手冊》,雖然她的很多觀點現在來看有些過時了。
概述
完美網站的101項指標分為7個類別,它們是:
- 內容
- 易于使用
- 設計
- 安全
- 性能
- W3C標準
- SEO
我們把內容放在第一位,而把很多人過分側重的設計放在第三位,事實上,在一個網站中,內容代表整個站點80%的價值。如果將上面的7個方面用于人,我們不妨這樣理解一個完美的人:
- 內容 (我有真才實學)
- 易于使用 (容易溝通與相處)
- 設計 (看上去也很棒)
- 安全 (非常可靠)
- 性能 (健康強壯)
- W3C標準 (遵守規則)
- SEO (被很多人關注)
一個完美網站的101項指標 (總表)
| 內容 | |
| 1 | 豐富的內容 |
| 2 | 準確的內容 |
| 3 | 不斷更新的內容 |
| 4 | 內容要專業 |
| 5 | 具有原創性 |
| 6 | 內容要完整 |
| 7 | 內容包含圖文,但以文字為主 |
| 8 | 體現企業的價值觀 |
| 9 | 要區分不同地域與文化的受眾 |
| 10 | 企業網站最基本的內容包括,企業資料 |
| 11 | 公司動態,企業或行業新聞 |
| 12 | 團隊 |
| 13 | 您的產品或服務 |
| 14 | 服務與支持 |
| 15 | 您的產品或服務的擴展知識 |
| 16 | 產品的購買和促銷信息? |
| 17 | 幫助信息 |
| 18 | 常見問題及解答 |
| 19 | 法律聲明(版權,隱私條款,使用條款,免責聲明等) |
| 20 | 職位空缺 |
| 21 | 專用于大客戶和合作伙伴的內容? |
| 22 | 如果您是上市公司,您應該公開上市資料 |
| 23 | Blog, BBS, Comments 等動態內容 |
| 易用性 | |
| 24 | 只使用成熟,簡單,兼容的技術 |
| 25 | 不使用任何網頁特效 |
| 26 | 清晰,統一的導航 |
| 27 | 導航深度不超過三級 |
| 28 | 導航鏈接中必須包含文字(即使使用圖片作為導航按紐)? |
| 29 | 必須有純文本版本的站點地圖 |
| 30 | 必須有面包屑導航條 |
| 31 | 每頁都有自己的標題?? |
| 32 | 任何頁都有一個鏈接指向首頁? |
| 33 | 網站的 Logo 指向首頁 |
| 34 | 對于連貫性內容(sequential content),應提供向導式導航 |
| 35 | 全文搜索 |
| 36 | 不使用歡迎頁 |
| 37 | 任何圖片必須設置 ALT 和 TITLE 屬性? |
| 38 | 如果圖片要以 Thumbnail 形式顯示,使用真正的降低了尺寸的 Thumbnail,不要只是改變圖片的 Width, Height |
| 39 | 鏈接必須擁有可標識的視覺特征? |
| 40 | 任何頁都有一個打印友好版本? |
| 41 | 頁面都使用一致的配色和一致的結構 |
| 42 | 根據當前主流的顯示器尺寸,您的站點應當避免讓絕大多數用戶左右滾動窗口 |
| 43 | 站點必須在第一級導航深度處,讓用戶看到您的完整聯系方式 |
| 44 | 每個頁面的尺寸應當小于50K? |
| 45 | 在所有主流瀏覽器中擁有一致的表現 |
| 46 | 在用戶操作現場提供幫助,而不是讓用戶進入專門的幫助系統查找幫助? |
| 47 | 用戶可以對某些內容進行評論或反饋 |
| 48 | 頁面不可過分擁擠? |
| 49 | 用不同色彩標識未訪問和已訪問過的鏈接 |
| 50 | 使用所有人都可以正確顯示的字體 |
| 51 | 除非真正必要,否則不用新窗口打開鏈接 |
| 52 | 不使用滿屏模式顯示網頁,讓用戶自己決定窗口的大小? |
| 53 | 不要彈出窗口 |
| 54 | 用戶注冊的時候,只填寫必要的內容,事實上,應該只需填寫用戶名和密碼? |
| 55 | 在網頁上加廣告,需要明確標志出,這是廣告 |
| 56 | 廣告不可使用欺騙伎倆,欺騙不熟練的用戶點擊 |
| 57 | 剝離了 Javascript, CSS 等支持文件,您的網頁仍然能準確的顯示? |
| 設計 | |
| 58 | 為初次訪問者傳遞專業的第一印象 |
| 59 | 面向行業設計 |
| 60 | 設計不可喧賓奪主 |
| 61 | 設計遵循優雅原則(elegant) |
| 62 | 設計遵守平和原則(peace)? |
| 63 | 包含醒目的 Logo |
| 64 | 包含一套非常吸引人的企業 Banner |
| 65 | 企業 Banner 應當定期更新 |
| 66 | 企業 Banner 體現企業動態 |
| 67 | 合理安排頁面重心,不可有頭重腳輕的感覺 |
| 68 | 全站遵守一致的設計風格 |
| 69 | 優化圖片尺寸,適當調整 JPG 壓縮比,盡可能減少顏色數 |
| 安全 | |
| 70 | 使用安全的數據庫技術 |
| 71 | 用戶密碼或其它機密數據必須用成熟加密技術加密后再存放到數據庫? |
| 72 | 密碼或其它機密數據必須用成熟加密技術加密后才能通過表單傳遞? |
| 73 | 密碼或其它機密數據必須用成熟加密技術加密后才能寫入 Cookie |
| 74 | 對于訪問者提交的任何數據,都要進行惡意代碼檢查? |
| 75 | 網站必須有安全備份和恢復機制 |
| 76 | 網站的錯誤信息必須經過處理后再輸出 |
| 性能 | |
| 77 | 對數據庫進行優化設計 |
| 78 | 使用 Store Procedure?進行數據庫和網站業務層的數據交流? |
| 79 | 分頁返回數據庫中的記錄,不使用業務層的分頁 |
| 80 | 使用成熟優化的 Web 頁面渲染技術? |
| 81 | 使用 XHTML + External CSS + External Javascript 降低 Http 請求 |
| 82 | 使用干凈代碼(XHTML, Javascript, CSS) |
| W3C 標準 | |
| 83 | 您的網站應該符合 W3C 標準 |
| SEO | |
| 84 | 網站中的每一頁都應具備和本頁內容相襯的標題,描述,關鍵詞 |
| 85 | 每頁的關鍵詞必須出現在頁面內容中,且具有一定的密度 |
| 86 | 關鍵詞應出現在頁面的重點位置,如頁面前部,關鍵詞最好使用 STRONG, H1,H2..H6 等標簽修飾 |
| 87 | 希望內搜索引擎收錄的頁,必須使用靜態地址? |
| 88 | 不使用自動跳轉門頁(Doorway pages ),不使用 META refresh 標簽 |
| 89 | 不使用偽裝(Cloaking)頁欺騙搜索引擎 |
| 90 | 網站要包含一個符合 Sitemaps.org 標準或其它搜索引擎認可標準的站點地圖? |
| 91 | 定期更新網站,讓搜索引擎定期前來采集您的內容? |
| 92 | 您的內容中要包含一些和您的站點匹配的,優秀的,對其它網站的鏈接? |
| 93 | 盡可能避免大量的 Flash 應用? |
| 94 | 導航系統絕對不應該使用 Flash? |
| 95 | 絕對不使用隱藏文本欺騙搜索引擎? |
| 96 | 不使用重復內容加大關鍵詞密度? |
| 97 | 站點中的重點內容應該以靜態鏈接的形式在首頁推薦 |
| 98 | 不使用 Frame |
| 99 | 最終輸出的頁面內容完全靜態,不使用?Javascript, DHTML, AJAX?等技術動態產生內容 |
| 100 | 關于 SEO 的一條亙古不變的真理就是,您的網站是為您的用戶,而不是搜索引擎設計的? |
| 101 | 通過一些合法的努力,提高您的 Page Rank 值,您的 Page Rank 值取決于您獲得的站外鏈接的數量和質量? |
本文由 COMSHARP CMS 官方站點提供?
轉載于:https://www.cnblogs.com/mytec/archive/2008/02/28/2141272.html
總結
以上是生活随笔為你收集整理的一个完美网站的101项指标.第一部分.概述的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 在存储过程中使用系统存储过程sp_Exc
- 下一篇: Oracle函数大全1