由 Chris Pederick開發(fā)的Firefox插件——Web Developer工具欄，不僅是網(wǎng)頁開發(fā)人員的好助手，同時也可以大大的簡化診斷各種各樣的SEO問題時的步驟。下文便是我將 Web Developer 工具欄用于SEO診斷的 7 個辦法：

一、像Robot一樣瀏覽網(wǎng)頁

通過設(shè)置禁用 JavaScript 與 Cookies，這樣一來你在瀏覽網(wǎng)頁時看到的頁面就像搜索引擎蜘蛛所看到的那樣（多數(shù)情況下不支持Cookies，不執(zhí)行JavaScript）。這個小小的變化可以迅速幫你識別網(wǎng)站的結(jié)構(gòu)問題，比如主導(dǎo)航條的顯示是利用 JavaScript 實現(xiàn)，或訪問者不能使用 Cookies 時則總是重定向至首頁。（不是危言聳聽，這兩種情況皆為親眼所見?。?/p>

二、模擬蜘蛛查看網(wǎng)頁

為了盡量還原出模擬出核心蜘蛛工作的效果，可以使用 Web Developer 工具欄屏蔽網(wǎng)頁的樣式與圖片。這時你則會驚訝的發(fā)現(xiàn)：之前隱藏的文本已然無所遁形，看似“頭等”的標(biāo)題實際上只是一個H4元素以及內(nèi)容的飽和度達(dá)到 75% 也許就表明了某個頁面出問題的原因。

雖然不同搜索引擎的蜘蛛對待meta重定向的方式不同，但你通過“禁用→禁用 Meta 重定向”往往可以更容易的診斷出一些實際問題。

三、查看網(wǎng)頁的結(jié)構(gòu)

至于網(wǎng)頁結(jié)構(gòu)，你可以點擊“網(wǎng)頁信息→查看文件大綱”來查看一個頁面的結(jié)構(gòu)，或者更加簡化的使用“標(biāo)示→標(biāo)題”功能來查看頁面中標(biāo)題元素的等級。

四、驗證與最佳實踐：

該工具欄還提供了十分便捷的代碼規(guī)范驗證通道（類似W3C 的HTML，CSS與RSS驗證），同樣可以對未設(shè)置“tittle”屬性的鏈接或未設(shè)置“alt”屬性的圖片元素進(jìn)行高亮顯示。

五、對調(diào)研和測試有幫助的功能：

對于我們這些長期使用大號屏幕的人來說，或許沒辦法總是很清楚的了解人們?nèi)绾螢g覽我們的網(wǎng)頁。然而只需輕點“”（向下還原）按鈕就可以讓你看到從老式顯示器或上網(wǎng)本瀏覽該頁的情況。

上圖中的“Love Film.com”應(yīng)該明白：大約有20%的瀏覽者看不到他們的“免費試用”的大號綠色按鈕。

六、網(wǎng)頁截圖更方便：

長久以來我們不停的努力去要求自己要做到一件事——“要在客戶報告中提升具有說明意義的圖片的比重”。但接踵而至的麻煩是，在你不停創(chuàng)建一個又一個網(wǎng)頁截圖時，卻無法避免那些點擊過變了色的鏈接，很難看。

通過Web Developer工具欄只需要點擊“其他功能→已訪問鏈接→標(biāo)記所有連接為未訪問”即可！

七、輕松匿名

很多時候你或許不想讓他人知道，你是在探測他的站點?，F(xiàn)在你可以通過Web Developer簡單的隱蔽自己的行蹤。點擊“禁用→禁用引用頁（Referrer）”就可以實現(xiàn)該功能。

如果你已經(jīng)使用過Web Developer 工具欄，還有其他使用方法歡迎留言與我們分享。

Web Developer Toolbar 下載地址

原文作者：RobOusbey, SEOmoz  原文鏈接   本文首發(fā) SEM Watch ，轉(zhuǎn)載請注明出處。