网站建设

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

发布日期：2014-4-7　阅读次数：1597

今天，在此给大家分享多年总结的网页代码优化真经。为什么说十年磨一剑?因为本人制作网页已经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代码，非常精简!

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

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