找回密码
 加入怎通
查看: 389|回复: 2

[站长八卦] 浅谈seo代码优化

[复制链接]
爱的呼唤 发表于 2012-09-06 17:32:30 | 显示全部楼层 |阅读模式
代码是SEO的重点,一个很重要的环节,也是一个页面的基础,SEO代码优化怎么做的好呢?  x1 b  [; c4 [4 I2 O
页面代码优化包括5大环节$ q4 |& G+ J, K( Q6 \6 {
1、清理垃圾代码是指删除页面中的冗余代码,可以删除80%的冗余代码,垃圾代码主要指那些删除了也不会对页面有任何影响的非必要代码 下面请看常见的垃圾代码。空格字符是网页中最常见的垃圾代码。但并不是指 标签,而是有代码编辑环境下敲击空格所产生的符号,每个空格相当一个字符,那么也就是说,一个页面,空格就占页面体积的15%,100K的页面,有15K是空格字符。$ V! ~) B" ~% g  \+ [( ]$ v
空格字符最常出现 在代码的开始和结束处,还有就是空行中。; x% r- K. W3 A( N$ ?3 {
这些都是容易产生垃圾代码的地方。5 }% l) D/ U" G9 }$ f
消除这样的垃圾代码的方法就是选中代码然后按shift+tab键左对齐。2 |) {6 k; ?; ?3 e8 l! T8 B* Y
2、HTML标签的转换
2 ?1 \# B* E) x3 s+ b1 n+ _9 l这个主要就是使用短标签替换在网页中有同样效果的长标签,例如:,<b>与<strony>两者都是对字体加粗但是<strong>却比<b>多了5个字符。如果一个页面出现上百个加粗标签,就会产生不少的冗余代码。4 r. A2 G/ u1 c+ W6 g$ s) {1 j
解决方法 是利用DW的查找功能替换长标签,这个大家自己试试,我就不举例了。$ K3 D3 V9 p4 O8 l2 G: u% z% ?
3、CSS优化# `$ ]! c# d) \
CSS可以以调用的方式,避免同样的标签重复写样式,从而达到精简代码的效果。另外,CSS有3种调用方式
  @$ X& d" U# A' x《1》头部调用,也就是在<head>和</head>之间,这样是最不明智的,如果内容少则影响不大,否则大大增加页面的体积,还占用了顶部的重要位置。
4 E& S7 C* [9 q6 F8 h6 O《2》主体调用,例子如下:9 ~0 r4 f  r7 i* n* @8 C9 Q, r
<body>
0 i" k' k* C5 D6 ?) a<p style="font:Arial, helvetica,sans-serif; font-size:9px; line-height:12pt">我的网页</p>0 X( t% T/ H: G7 n
</body>
+ v; N) p8 z. ], M这样的调用方式既不能发挥CSS的优势,又大大增加页面的代码量。& Z# L% I& o2 H  |/ c' C; {. k' c
《3》外部调用
0 ~6 h  w- |7 m" p0 H1 K( E也就是把CSS样式内容放到外部文件中,使CSS样式和页面分离,这样可以减少页面的代码量,而且还不会占用页面顶部的重要位置,让搜索引擎优先发现页面中相对 重要的内容。这样做的同时要避免使用CSS为重要的内容定义样式..- }$ Z4 r5 f1 J; x* n5 i
4、JS优化! r  k# Y2 Z# o( @
JS无论对普通用户还是搜索引擎,都是极其不友好 的,所以在规划网页时,要尽量不要使用JS.
" a" L" P" Z; u2 `9 k( M0 H目前为止,搜索引擎不解析JS生成的页面或内容,JS代码冗长,执行效率远低于HTML,导致打开慢./ P0 d) ^, I0 D  X! Y0 e
JS优化,并不是说提高JS的代码执行效率,而是避免JS占用页面空间及重要位置...所以我们只要改变JS代码出现的位置和调用方式就行..% l; p1 `$ w" H7 g4 H
JS调用分内部和外部调用 ...内部又分头部和底部调用..
& ?! z% K3 h6 s头部调用就是把JS代码放到页面头部去,但巨量的JS代码放到页面头部不但增加页面的体积,而且还会占用首页这样重量级位置...从而使得页面中相对重要的位置不能优先向搜索引擎展示,底部调用的原理一样...* O% ?8 w1 f# V- ]& A; Y) S* ~/ E
所以..下面 说说外部调用...就是把JS放到一个JS文件里,再在页面中调用,这样做既不占用页面的重要位置,又可以精简大量代码,加快页面显示速度,,呵呵....
4 [- H4 x; [+ p* B- [! ?看代码:
" r& W$ U- s" n0 t1 @<script language="javescript" src="/include/web.js"></script>
) X1 s  A; Y1 Q' X: J6 ], u5、接下来的就是表格优化了。表格优化主要就是解决嵌套问题。让表格独立,从而加快显示速度。。提高用户体验.同时又精简代码...( O3 L5 E! }  R# I  D
电暖气http://www.qfxinda.com/7 |/ k5 ]; y7 G, B5 @

% R( j  n5 P; k6 o0 N! F4 A# j. `5 ~. A( Y2 D  A
回复

使用道具 举报

不见阳光316 发表于 2012-09-06 17:37:35 | 显示全部楼层
了解了,写的很详细啊。http://gc.cctv.com/20120725/121715.shtml
回复 支持 反对

使用道具 举报

白羊座_の_女人 发表于 2026-03-03 08:37:03 | 显示全部楼层
这个思路很新颖,打开了新世界的大门,谢谢分享
回复 支持 反对

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-3-25 18:50 , Processed in 0.066947 second(s), 24 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表