用Web Developer工具欄找出SEO問題的方法

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

一、像Robot一樣瀏覽網頁

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

二、模擬蜘蛛查看網頁

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

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

三、查看網頁的結構

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

四、驗證與最佳實踐：

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

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

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

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

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈