檢查和測試代碼來發現任何潛在錯誤,從而在放到網站上之前及時消除錯誤是一個非常重要的過程。代碼檢查的過程也俗稱為是Web設計師和開發者之間的網站代碼優化。作為一個設計師,如果你想要寫出高度優化的代碼,那么你一定需要網站代碼優化工具。有兩種類型的代碼檢查工具。一種是在執行時間檢查代碼中的錯誤和bug。另一種是使用靜態代碼分析技術并在執行前檢查碼。后者因為可以節省時間和麻煩顯然更佳。本文從網頁代碼測試、網頁兼容性、網速測試、seo優化四方面來介紹一些實用的工具。
網頁代碼測試工具
沒有站長可以保證自己的網頁代碼完全正確沒有任何錯誤,特別是是否符合W3C標準,你可以通過以下測試來檢查網站代碼是否正確,無論你是asp的還是php的都可以喲。
???1 .?http://www.htmlhelp.com/tools/validator?一個很好的工具,能找出網站語法錯誤的地方,并標注出來,也可選擇對網站上單獨的每一頁進行單頁分析。( 強烈推薦 )
2 .?http://validator.w3.org?對 HTML 和 XHTML 都能進行代碼測試,自稱是互聯網絡上第一個(也是使用者最多的)的 HTML 驗證工具。
3 .?http://jigsaw.w3.org/css-validator?用于驗證 css 源代碼,能夠標注出不好的 css 代碼設計。例如:“Same colors for color and background-color in two contexts”。
4 .?http://www.xml.com/pub/a/tools/ruwf/check.html?用于查找 XML 文件的錯誤。
5 .?http://validator.w3.org/feed?用于查找 Atom 和 RSS feed 中的錯誤語法。( 這個我經常用到 )
6 .?http://validator.w3.org/checklink?用于搜尋查明你網站內的所有鏈接里是否有斷鏈。( 強烈推薦 )
7 .?http://juicystudio.com/services/linktest.php?測試網站內的鏈接的 URL 是否存在死鏈,與 W3C Link Checker 很類似。
網頁設計的兼容性測試
我們常常看到網站設計者把重點放在怎網站的吸引力上,而完全不考慮會不會影響來訪者的使用,一個瀏覽難度很大的網頁是注定要失敗,要讓你的來訪者方便的得到他要的信息(從而成為重復訪客),你的網站應當遵循 WCAG section 508 易用性規則。
8 .?http://webxact.watchfire.com?所有嚴謹的設計師和開發者都必須使用的工具,它會生成一個非常詳盡的報告書,包括:網站質量,易用性和隱私等。( 強烈推薦 )
9 .?http://checker.atrc.utoronto.ca/index.html?測試網站的 WCAG 2.0 Level2 兼容性,它會生成一份報告,提出一系列建議,如:如何提升頁頭,鏈接,數據,圖表和文字的訪問速度。
10 .?http://www.wave.webaim.org/wave/index.jsp?高度可定制的工具,它采用了圖形化模型展示網站兼容性問題( WCAG 1.0 and section 508 )。( 強烈推薦 ) 美
11 .?http://www.tawdis.net/taw3/cms/en?測試網頁是否存在沖突( WCAG 1.0 兼容性 ),通過圖形模式生成一份依據 wcag 優先模式為基礎的網站修改建議。
12 .?http://www.cynthiasays.com?采用了非常嚴格的規則來測試網頁( 根據 section 508 和 WCAG 1.0 規則 ),生成的報告也極為詳細( 詳細到很難看懂 )。
13 .?http://www.sidar.org/hera/index.php.en?使用一種極為復雜但容易理解方式指出網頁的 wcag1.0 兼容性問題。
14 .?http://juicystudio.com/services/csstest.php?進行了色彩對比測試,以確保你的網站的色調會符合 WCAG 1.0 的要求。
15 .?http://juicystudio.com/services/readability.php?分析你網站上的文字是否有語法錯誤或拼寫錯誤等問題,容易讓人理解不( 根據 the Flesch Reading Ease 和 Flesch-Kincaid grade level algorithms 規則 )。( 適合英文網站使用 )
網站速度測試工具
對于站長來說,在選擇服務器地點的時候,一般都是根據自己訪問時的速度決定的,那么你知道全國乃至全世界其它地區訪問你網站時的速度如何嗎?如果你是電信的,你知道網通的速度或者鐵通的速度嗎?要知道對于網站訪問者來說,如果你的網站打開速度慢,那就會立即失去了繼續訪問的興趣。但是如何測試網站速度呢?下面提供了幾個網絡測速網站,可以檢測全球其它地區連接你的網站時的時間哦。
16 .?http://www.websiteoptimization.com/services/analyze?一個很好的工具,它在分析完一個網頁后,會為減少加載時間提出優化建議,著重優化物體的數目,圖片和網站的總體大小。(強烈推薦 )
17 .?http://www.websitepulse.com/help/tools.php?有一系列的工具來確定網站的加載速度和主機信息。
18 .?http://internetsupervision.com/scripts/urlcheck/check.aspx?從世界各地不同的服務器來測試你的網站的加載時間,用于確定是不是各地的來訪者都能順利快速的打開你得網站。
瀏覽器模擬工具
是一個普遍的問題,因為現在有著很多的操作系統和瀏覽器,你得網站必須得兼容它們,但這絕不是一件容易的事。通過下列工具,你可以了解你得網站在各種瀏覽器上的顯示效果。
19 .?http://browsershots.org?能給出你的網站在不同瀏覽器下顯示效果的截圖,包括:Firefox 和 Internet Explorer ( Windows )、Firefox 和 Safari ( Mac OS X )、Iceweasal 和 Konqueror ( Linux ),但是結果要在 1 – 3 小時后才能出來。
20 .?http://ipinfo.info/netrenderer?實時生成你的網站在 Internet Explorer 5.5 、6.0 和 7.0 下的截圖。
21 .?http://ready.mobi/launch.jsp?locale=en_EN?分析使用手機訪問網頁的兼容性問題,會生成一份詳細的報告,并提供了在兩種不同類型的手機瀏覽器上你得網站可能顯示的樣子。
搜索引擎優化 (SEO) 方面
一個網站,如果對搜索引擎有著比較好的友好度,一定會比較有競爭力。
22 .?http://www.urltrends.com?會顯示網站的訪客是如何通過搜索引擎來到你的網站,還有各個流量是多少。這些數據是包括 Google, Yahoo, MSN, Alexa, AlltheWeb, AltaVista 和其他一些網站。( 強烈推薦 )
23 .?http://www.iwebtool.com/backlink_checker?一個很好的工具,它能找出有什么站點鏈接到你的站點,那些站點是什么類型的站點。
24 .?http://www.iwebtool.com/multirank?顯示你網站的 Alexa 和 Google PageRank 數值。
25 .?http://adlab.microsoft.com/default.aspx?一個極好的工具,用于分析和預測你網站的來訪者和市場。( 強烈推薦 )
26 .?http://whois.domaintools.com?一個 WHOIS 網絡工具。
27 .?http://www.seo-browser.com?可以讓你看到在搜索引擎眼里一樣的網站( 去掉所有的”美麗”配件 )。
28 .?http://www.seoworkers.com/tool/analyzer.html?非常有用的工具,分析了網站上的各種分類特征,包括 meta 標簽、關鍵字密度及加載時間。( 強烈推薦 )
29 .?http://www.seekport.co.uk/seekbot?可以分析網站的數據和內容,以得出搜索引擎會如何有效的解釋分析的網站。
30 .?http://www.seochat.com/seo-tools?用以分析網站 Google adsense 盈利潛力,關鍵字密度,Meta tag 等等……
???31 .?http://www.marketleap.com/publinkpop?用來分析網頁,讓你知道你的網站檢索、設定的關鍵字好不好
做網站首先要找一個優秀的網站空間服務商,來域名頻道選擇虛擬主機不會讓你失望。
域名頻道的云建站,操作簡單,費用低,省時省力。
并持續打造加深更多的合作項目性能高、穩定性強、高安全的VPS主機。
總之選對正確的網站制作服務商非常重要,推薦靠譜的虛擬主機服務商:域名頻道http://m.fascinatingdeals.com