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

一、像Robot一樣瀏覽網頁

通過設置禁用 JavaScript 與 Cookies，這樣一來你在瀏覽網頁時看到的頁面就像搜索引擎蜘蛛所看到的那樣（多數情況下不支持Cookies，不執行JavaScript）。這個小小的變化可以迅速幫你識別網站的結構問題，比如主導航條的顯示是利用 JavaScript 實現，或訪問者不能使用 Cookies 時則總是重定向至首頁。（不是危言聳聽，這兩種情況皆為親眼所見！）

二、模擬蜘蛛查看網頁

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

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

三、查看網頁的結構

至于網頁結構，你可以點擊“網頁信息→查看文件大綱”來查看一個頁面的結構，或者更加簡化的使用“標示→標題”功能來查看頁面中標題元素的等級。

四、驗證與最佳實踐：

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

五、對調研和測試有幫助的功能：

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

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

六、網頁截圖更方便：

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

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

七、輕松匿名

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

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

Web Developer Toolbar 下載地址

原文作者：RobOusbey, SEOmoz  原文鏈接   本文首發 SEM Watch ，轉載請注明出處。