站長工具之線上檢測網頁錯誤

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

我利用業餘時間做了個網站：TVB港劇|HTTP://www.baifans.com，不過在用IE6流覽網站時，發現下面顯示「網頁上有錯誤」，雖然不影響流覽，但總歸讓人感覺不舒服，大概多數站長都遇到過。 於是百度一下，狂搜網頁錯誤線上偵查工具，結果還真發現了不少，把用過的工具進行了整理，分網頁代碼測試、網頁相容性、網速測試、seo優化四大類收集了30多個可以線上測試網頁的工具，推薦也收藏一下，以後備用。

網頁代碼測試控管

沒有站長可以保證自己的網頁代碼完全正確沒有任何錯誤，特別是是否符合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 )、Ice weasal 和 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 用來分析網頁，讓你知道你的網站檢索、設定的關鍵字好不好