网站优化建设firefox小工具(二)
七、网页截图存储工具–Pearlcrescentpagesaverbasic
为灌云等地区用户提供了全套网页设计制作服务,及灌云网站建设行业解决方案。主营业务为成都做网站、成都网站制作、成都外贸网站建设、灌云网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
PageSaver可以将网页转化为图片,包括网页上的Flash也能同时被转化。网页可以按照你的要求保存为PNG或者JPEG格式。可以将整个网页或者在屏幕上看到的部分转化为图片。为了方便截取网页,插件提供了大量的设置选项,包括默认的文件名、文件后缀名、图片的质量。可以通过工具栏按钮截取图片,也可以通过浏览器的菜单选项截取图片,还可以通过命令行截取图片。
当前可见区域保存为图片:
将整个页面保存为图片
八、HTML页面与设计稿像素级比对工具–Pixelperfect
可以将设计师的设计图通过此插件作为蒙版加载到浏览器上,通过调节图片的透明度以及位置,可以进行设计稿与页面的细节比对,来优化提高页面样式的—有效度。
先将设计稿添加到需要对比的页面中来:
让图片显示:
可以通过调整透明度和具体坐标位置来重合图片和网页,然后对样式进行修正。
让图片显示:
九、本地调试页面样式利器–Fiddler
当我们的静态页面经过前端工程师、程序员同事的工作后,盼望着旁望着,终于上线了,这时咱们这边也又要忙碌了,因为一些在静态页面没有考虑到的情况和相关前端和程序同事的加工后,页面上出现了一些bug,特别是有时候这些BUG在不同的浏览器下展现还不一样,单靠Firebug工具我们烧不死这些虫,那我们就可以通过Fildder工具,来监视所有HTTP请求和响应的工具,选出我们需要的样式文件,通过调试本地文件来寻找线上bug出现的原因:http://www.fiddlertool.com
我们一般用来调试样式问题.
先进步:存储所需要修改的CSS文件
第二步:打开Fiddler,刷新页面
第三步:选中所需要调试修改的文件
点击右侧的autoresponder–>Add
即将线上的也是我们需要调试的样式文件添加进来。
第四步,将之前存好的样式表文件,添加到Fiddler中
选择文件后,点击Save,大功告成。接下来就可以进行调试了。
修改CSS文件后,直接刷新页面,即可显示出较新更改调试的新样式。
当然,Fiddler工具的作用不止于此,比如网速模拟等
十、DNS刷新工具–DNSflusher
页面开发的同学每天游走在开发环境、测试环境、仿真环境等等,为每个环境更改HOST是家常便饭,改完host之后,就按着ctrl+f5狂刷页面,页面的hostip地址真的就变了吗?我们需要一个直观的工具来强制浏览器更新host,DNSFlusher就是一个不错的工具,我们每次只要轻轻的优雅点击就能更新至新的host地址,现在安装。
十一、让搜索机器人更容易找到你–SenSEO
页面构建的工作不仅是要让页面尽可能的达到设计稿的艺术要求,网络传输的速度要求,还要为搜索引擎更容易找到你做出相应的努力。以前我们相对少得谈及此,SenSEO是一款SEO诊断的火狐插件,你打开面板在里面输入你的关键字,之后点击后面的几个按钮。可以给你一个综合打分,分析你的Title、Description、Keywords、robots、NumberofWords、NumberofmatchingKeywords、Keyword-Density、NumberofHTML等等。这个插件提出的有一些分析建议还是很有借鉴意义的。
1.InspectSEOCriteriaSEO标准检查及建议
此处有分数评级,绿色代表符合标准,黄色代表警告、小问题,红色代表问题严重、需要重新优化
Title标签使用正确情况
(1)只使用快速
(2)Title标签应该包含所有关键词
(3)Title标签长度应少于65个字符
(4)Title标签所包含的关键词应该少于15个
Meta标签
例:
metaname=”description”标签使用正确情况
(1)只使用快速
(2)标签应该包含所有关键词
(3)标签长度应少于150个字符
(4)标签所包含的关键词应该少于30个
先介绍一下robots.txt是什么:搜索引擎通过一种程序robot(又称spider),自动访问互联网上的网页并获取网页信息。可以在网站中创建一个纯文本文件robots.txt,在这个文件中声明该网站中不想被robot访问的部分,这样,该网站的部分或全部内容就可以不被搜索引擎收录了。
(1)使用机器人的声明,即创建robot.txt文件,以控制搜索引擎访问
(2)提供一个网站地图,使用谷歌网站管理员工具提交
H标签使用优化(下面的这几条建议,如果我们使用html5构建页面的话,可能要重新审视了.)
(1)使用H标签构建页面结构
(2)H1标签只能使用快速
(3)关键词应该使用H1标签
(4)在页面中使用H2和H3标签
页面内容优化
(1)使用独特内容
(2)避免重复内容
(3)内容要清晰流畅
(4)图片要使用可替代的文字描述,即使用alt=”"
(5)尽量少的重复使用关键词
(6)链接较好少于100个
(7)代码语义化并合理有效
(8)优化页面载入时间
(9)使用微格式来标记的评价,地址等
DOMAIN域名
(1)域名应该包含关键词
(2)不要使用国际域名(域名不要包含特殊字符)
(3)域名中使用连字符来连接不同单词(URL中使用下划线,谷歌不能将它们拆分为不同关键词)
(4)域名使用2年以上
(5)管理域名以提高排名
路径地址优化
(1)路径较好是短小精悍
(2)不使用动态参数
(3)使用连字符连接不同单词
(4)使用小写字母
(5)路径层级不要超过3层
2.Showcomponents页面中有助于进行SEO优化的信息情况
3.Printview打印网页信息
此内容将inspectSEOCriteria和components信息集合起来,可以进行打印
以上内容由创新互联(成都网站建设)为您提供,更多精彩内容:https://www.cdcxhl.com/
网页名称:网站优化建设firefox小工具(二)
链接URL:http://cdiso.cn/article/siohsi.html