容易忽略的代码优化

文章类型:常见问题    发表2014-11-14   文章编辑:怒熊网络 · 一站式互联网+技术服务商!   阅读:235

很多新手站长做SEO主针对文章内容及外链优化,却忽略了细节性东西-代码优化。网站代码优化可以增加用户体验度、对搜索引擎抓取页面非常友好,在SEO优化中起到主导位置。下面怒熊网【重庆网站建设】根据自身的经验与站长们分享容易忽略的代码优化。

容易忽略的代码优化

百 度百科对于代码优化定义:所谓代码优化是指对程序代码进行等价(指不改变程序的运行结果)变换。程序代码可以是中间代码(如四元式代码),也可以是目标代 码。等价的含义是使得变换后的代码运行结果与变换前代码运行结果相同。优化的含义是最终生成的目标代码短(运行时间更短、占用空间更小),时空效率优化。

CSS优化

对 于企业网站排名优化来说,css优化是没有影响。对于网站整体优化,css优化确实必不可少的,可以提高网站的访问速度。站长们都知道,现在网站建设都采 取css+div布局页面,很多样式都是外部调用,导致样式class的名称重复。尤其对于很多企业站,都是直接套用别人现成的模板,导致样式名称重复。 对于后期的网站优化非常不利。

举例:css的使用有多种方式,一是嵌入式,即在html标签中直接定义样式表,如下所示:

<p style="font-family:arial;font-size:16px;font-weight:bold;">Outside now its raining,and tears are falling from my eyes…</p>

还有一种是直接定义在页面头部的如下:

<styletype="text/css">p{ background:#f1f1f1; color:#333; line-height:20px;} </style>

这两种方式都是把css写在当前html中,这样会造成hml文档变大,降低网页的响应速度,所以我们需要外链css,将所有与本页面相关的样式写入到该样式表中:

<link href="style/common.css"rel="stylesheet"type="text/css"/>

CSS优化要注意有哪些

最后,css样式里用不到的要删除,可以给页面提速。还有一点,很多企业站的css样式都是调用几个,可以把这些合并,在页面统一调用,可以大大缩短搜索引擎抓取页面时间,减少多次请求,提高友好度。

JS优化

大家都知道,js都采用外部调用,不要直接在页面写js代码,对搜索引擎及页面加载速度都是有帮助。怒熊网一般都是把多个js文件合并,在页面</html>前调用,比<head>部分调用更好。

js代码跟css的使用差不多,都有三种方式:

内部定义:<A onclick="if(confirm('确认?'){...}else{...})"href="#">confirm</A>

头部插入:<script>...</script>

外链调用:<SCRIPT language=javascript type=text/javascript src="jquery-1.7.2.min.js"></SCRIPT>

补充说明:针对js图像特效等,可能会影响网站关键字排名的!有的特效图像的路径、说明等都是写入到js中的,这种特效尽量不要使用。

导航优化

导航一般都是整个网站通用的,所以导航的作用是非常大,建议导航采取文字形式,避免使用图片及Flash等,如果一定要使用,请加上alt属性。Flash就不要使用,会影响页面加载速度及搜索引擎不友好。

图片优化

图片站优化最关键的要素就是为图片加上alt标签,指明图片的宽度与高度。文章内容中要用到的图片,最好从本地上传,不要直接网络地址,把这些图片单独保存在根目录某个图片文件夹内,有些图片太大的可以采用压缩,这样网页的打开速度会更快。

代码优化也成为SEO工作中必不可少的一部分!