您现在的位置:[首页]电商平台 > 网站公告 > 网页代码优化大乘真经 十年磨一剑的干货!

网页代码优化大乘真经 十年磨一剑的干货!

发布日期:2014-04-07  阅读次数:3678

     今天,在此给大家分享多年总结的网页代码优化真经。为什么说十年磨一剑?因为本人制作网页已经10多年了,站内优化也做了好几年,才积累了这些心得。今天,合肥网络公司小编就来一个”帅哥散花“,请大家接好!

  一、用好html标签重定义,精简代码!

  Html标签重定义比Class要节省页面代码。html里常见的标签有span、u、i、small、big、cite等,我们都可以用到页面中,然后在Css文件重定义样式。例如:如果是需要三个div才达到的效果,用 i、span、p三个标签就能很简洁达到,根本不用class和div。

  二、标签使用要让搜索引擎易于理解。

  h1只能用于页面主标题,一个页面只能有一个,有的模板默认把logo链接或文字链接设置成h1,这是非常错误的,h1应该只给标题纯文字;h2用于次一级重要的标题;h3可在列表页用于文章标题。 h2和h3根据需要适量使用,不能太多。

  h标签后面可以跟着p或ul,p是对h进行完善描述,ul是调用相关文章,这两个都有助于搜索引擎理解。

  在文章内容页,strong用于段落小标题,段落用p,这样不但看上去比较美观,搜索引擎也会明白。

  三、想样式美观而且代码精简,请用好background。

  如果想让html元素具有出彩的效果并且代码简洁,css中定义html元素的background图片是首选。因为background是在css文件中进行定义,比你直接在网页中用img代码中要节约很多字母。我们网站首页大图和一些重要超链接都通过background修饰,不但样式美观,而且代码能精简20%左右。

  四、按内容相关性,分Div块

  页面先分大区块,然后再细分。小编的网站页面按顶部、导航、左侧、右侧、底部,分长不同大Div。然后每个大Div中又可以根据相关性进行细分。这样的网页,搜索引擎对页面层次非常容易理解,正确划分逻辑区块,是代码优化非常关键的步骤!

  五、扬长避短,活用iframe和img图片

  一般seo教程上都说尽量避免用iframe,因为不利于网站优化。但iframe有个好处,它里面引用的是另外一个网页,可以单独下载,不影响本页面下载速度。所以,如果你的网站中有大轮播图或flash,可以将之放入iframe中,有利于提速。

  img图片也有妙用:我们做网页优化都要避免相似页面,减少样本文字,但是有些文字是必不可少的。这时候就可以让img图片上场,将文字做成图,这样不管你有多少文字,那篇是一篇作文,html代码中都只有一段简短的img代码,非常精简!

  最后,提醒大家,网页中链接地址最好用绝对路径,避免误被其他域名解析,产生大量复制页面。很多同学都出过此类问题,不要到时后悔莫及。

  好了,小编就给大家分享到这里,如果大家能掌握以上几个主要原则,那么你们只做出的一定是代码精简、样式美观、搜索引擎易于理解的页面!如果大家有不明白地方也可以联系小编,我非常愿意将我的经验分享给大家,一起提高网站优化水平。

标签:网页代码
老张
产品经理微信
司瓦图创始人老张
司瓦图是一家专门做小程序定制开发的公司。一般来说,小程序开发制作费用是根据具体功能来定的。如果您想做小程序又不知道要花多少钱?扫描加微信,安排我们专业产品经理给你详细介绍!