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