当前位置: 首页 > 图文教程 > 网站运营 > 网站优化 > Web Developer工具栏简化诊断SEO问题

网站优化
资深站长SEO推荐给广大SEO初学者
网站影响搜索引擎收录数量的多方面原因
做SEO优化业务需要注意的问题
动态网站进行SEO优化的一些技巧
23天把网站做到百度首页第一位的经验分享
企业网站优化必须掌握的五条seo法则
SEO是一个长跑的过程
我的网站优化日程安排
野果子:我常用的SEO工具
零维护网站创意和SEO方法
真正的SEO不拘泥于技巧 是艺术而不是技术
小宽:零距离牵手企业制定精确的seo方案
搜索引擎优化之优化技巧篇
怎么样去学SEO(一)
黄宏仁:SEO基础入门经验分享
合格seo人员必备的条件
6个技巧让网站在百度和google中排名上升
解析本月百度算法的改变及新的算法
站长必知:SEO也有不足之处
SEO:友情链接和运营网站的关系

网站优化 中的 Web Developer工具栏简化诊断SEO问题


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-30   浏览: 84 ::
收藏到网摘: n/a

由 Chris Pederick开发的Firefox插件——Web Developer工具栏,不仅是网页开发人员的好助手,同时也可以大大的简化诊断各种各样的SEO问题时的步骤。下文便是我将 Web Developer 工具栏用于SEO诊断的 7 个办法:

一、像Robot一样浏览网页

通过设置禁用 JavaScript 与 Cookies,这样一来你在浏览网页时看到的页面就像搜索引擎蜘蛛所看到的那样(多数情况下不支持Cookies,不执行JavaScript)。这个小小的变化可以迅速帮你识别网站的结构问题,比如主导航条的显示是利用 JavaScript 实现,或访问者不能使用 Cookies 时则总是重定向至首页。(不是危言耸听,这两种情况皆为亲眼所见!)

二、模拟蜘蛛查看网页

为了尽量还原出模拟出核心蜘蛛工作的效果,可以使用 Web Developer 工具栏屏蔽网页的样式与图片。这时你则会惊讶的发现:之前隐藏的文本已然无所遁形,看似“头等”的标题实际上只是一个H4元素以及内容的饱和度达到 75% 也许就表明了某个页面出问题的原因。

图片2 用Web Developer工具栏发现 SEO 问题的 7 个方法

虽然不同搜索引擎的蜘蛛对待meta重定向的方式不同,但你通过“禁用→禁用 Meta 重定向”往往可以更容易的诊断出一些实际问题。

三、查看网页的结构

至于网页结构,你可以点击“网页信息→查看文件大纲”来查看一个页面的结构,或者更加简化的使用“标示→标题”功能来查看页面中标题元素的等级。

图片3 用Web Developer工具栏发现 SEO 问题的 7 个方法

四、验证与最佳实践:

该工具栏还提供了十分便捷的代码规范验证通道(类似W3C 的HTML,CSS与RSS验证),同样可以对未设置“tittle”属性的链接或未设置“alt”属性的图片元素进行高亮显示。

五、对调研和测试有帮助的功能:

对于我们这些长期使用大号屏幕的人来说,或许没办法总是很清楚的了解人们如何浏览我们的网页。然而只需轻点“图片5 用Web Developer工具栏发现 SEO 问题的 7 个方法 ”(向下还原)按钮就可以让你看到从老式显示器或上网本浏览该页的情况。

lovefilm screencap1 用Web Developer工具栏发现 SEO 问题的 7 个方法

上图中的“Love Film.com”应该明白:大约有20%的浏览者看不到他们的“免费试用”的大号绿色按钮。

六、网页截图更方便:

长久以来我们不停的努力去要求自己要做到一件事——“要在客户报告中提升具有说明意义的图片的比重”。但接踵而至的麻烦是,在你不停创建一个又一个网页截图时,却无法避免那些点击过变了色的链接,很难看。

通过Web Developer工具栏只需要点击“其他功能→已访问链接→标记所有连接为未访问”即可!

图片7 用Web Developer工具栏发现 SEO 问题的 7 个方法

七、轻松匿名

很多时候你或许不想让他人知道,你是在探测他的站点。现在你可以通过Web Developer简单的隐蔽自己的行踪。点击“禁用→禁用引用页(Referrer)”就可以实现该功能。

图片8 用Web Developer工具栏发现 SEO 问题的 7 个方法

如果你已经使用过Web Developer 工具栏,还有其他使用方法欢迎留言与我们分享。

Web Developer Toolbar 下载地址

原文作者:RobOusbey, SEOmoz  原文链接   本文首发 SEM Watch ,转载请注明出处。