Web Developer工具栏的几个SEO功能使用方法

2010-01-12 16:08:45 作者：网友来源：互联网

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

一、像Robot一样浏览网页

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

二、模拟蜘蛛查看网页

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

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

三、查看网页的结构

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

四、验证与最佳实践：

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

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

对于我们这些长期使用大号屏幕的人来说，或许没办法总是很清楚的了解人们如何浏览我们的网页。然而只需轻点“”（向下还原）按钮就可以让你看到从老式显示器或上网本浏览该页的情况。

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

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

六、网页截图更方便：

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

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

七、轻松匿名

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

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

相关热词：Firefox插件 Web Developer

分享到：

更多...

收藏至我的帐号

教程排行榜: QQ、淘宝、MSN、Skype在线状态代码生成方法; 四个免费的在线LOGO和徽章生成工具; 分享三款免费的在线字体设计工具; 十五个免费在线制作网站标志的工具; IE调试工具：Microsoft SuperPreview for IE(附下载); 18款Wordpress最佳的免费幻灯片画廊插件推荐; 解决eWebEditor编辑器在IE8中不能正常使用的方法; 四款可以整合到网站的网页版即时通信IM插件系统; 国外五款主流的免费网站流量统计工具; 三款字体辨认、查找、生成的免费在线字体应...; 21个可用于网站和博客的免费视频播放器插件; 实用的网站Web表单(包括WordPress插件)在线创建工具; 利用google翻译器制作多语种网站; 十七款用于Chrome的网页设计开发工具扩展; 六款网址代推、收藏与分享按钮工具推荐; WEB开发之调试利器—Firebug应用全介绍

下载排行榜: 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 简洁效果多图切换flash幻灯焦点图代码; 带标题和数字导航的JS焦点幻灯特效代码; 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码; 31款简单实用的CSS+JS下拉菜单脚本; 3D立体效果金字塔环形旋转的flash+xml相册代码; 基于jQuery实现的瀑布流布局列表特效代码; 透明质感上下滑动带小图预览5屏JS焦点图幻...; 超酷的3D摩天轮flash+xml相册幻灯图片代码; 自带多种幻灯效果支持缩略图导航的jquery画...; 能沿多个方向滑动切换的jquery幻灯代码; 可改图片尺寸和张数的flash幻灯轮换代码; 很好看的带缓冲效果CSS下拉菜单导航代码; 基于jquery很有趣的360度全景图片预览特效; 6屏幻灯上下滑动式带缩略图和文字介绍的fla...