seo优化代码的必读,教你给网页完美瘦身!

[复制链接]
1806 0
金强 发表于 2017-6-15 19:02:10 | 只看该作者 |阅读模式 打印 上一主题 下一主题
  每个seo都应该熟练掌握网页代码优化,因为搜索引擎和人不一样,它们不是用眼睛去看,而是通过代码去分析网页。尤其对中大型网站,站内代码优化工作在很大程度上影响着seo的工作成果。今天,seo奇兵就分享几个网页代码优化的心得给大家。
  1、清除代码中垃圾代码,例如:无意义的空格、默认属性、注释语句和空语句等。
  尤其是制作网页过程中的空格,肯定会有不少,一般100K大小的网页,空格所占的空间大概在15K。空格字符最常出现在代码的开始、结束、空行中。大家可以把在Dreamweaver里全部选中代码然后按shift+tab键左对齐。去除空格之后,就可以把网页的体积缩小不少,提高网页打开速度。
  2、使用DIV+CSS布局网页
  很多人在制作网页时采用table,可能这是为了布局的简易和网页的兼容性,但table的布局没有清晰的层次关系,如果是多层表格的嵌套还会大大增加代码量。采用div+css布局方式代码可以让代码更简练,网站优化效果会更加明显。
  3、将CSS样式写入外部文件,CSS书写采用简写形式
  很多人为了调试方便常常使用内嵌式CSS(在head区域的普通内嵌式和在标签内出现的行内内嵌式css),这样会增加页面内容无关代码量,不利于搜索引擎迅速理解页面信息。我们应该让所有css均处于外部文件,从而使网页代码最简练。
  另外很多CSS样式有简写的方法,例如:.mycss { padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:3px; } 如果采用简写形式,只需要 .mycss { padding:10px 5px 10px 3px; } 即可,具体简写的样式有那些,大家找下相关css教程就可以了,网上很多。
  特别要注意一点:并不是说网站采用了DIV+CSS就一定等于优化到家了,DIV之间的层次关系不容忽视,直接会影响到搜索引擎对页面信息区块的理解!如果大家不明白,可以参考seo奇兵博客的页面源代码,页面层次关系一看便知。
  4、多采用html标签,减少“class=xxx”这种代码。例如:
  
seo优化代码的必读,教你给网页完美瘦身!,三色源码网

aV667Mmz79716Me6.jpg (6.87 KB, 下载次数: 0)

aV667Mmz79716Me6.jpg
温馨提示:资源转载网络个人收藏,如有侵权或下载链接失效或密码不对请联系站长

1、在论坛里发表的文章仅代表作者本人的观点,与本网站立场无关。
2、论坛的所有内容都不保证其准确性,有效性,时间性。阅读本站内容因误导等因素而造成的损失本站不承担连带责任。
3、当政府机关依照法定程序要求披露信息时,论坛均得免责。
4、若因线路及非本站所能控制范围的故障导致暂停服务期间造成的一切不便与损失,论坛不负任何责任。
5、注册会员通过任何手段和方法针对论坛进行破坏,我们有权对其行为作出处理。并保留进一步追究其责任的权利。
收藏
收藏0
回复

使用道具 举报

*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

专注源码资源免费分享
只要有下载币全站均可下

私人收藏网站非买卖网站

周一至周日9:00-23:00

反馈建议

282865654@qq.com 在线QQ咨询

赞助我们享尊贵分享

Powered by X3.3© 2019-2029 3se.cc Inc.( 京ICP备14050279号-2