热搜关键词

微信分销商城

长沙小程序开发

长沙小程序多少钱

企业做网站

建站常识

探究网站站内代码优化具体细节

时间：2014-04-09
发布：维讯网络
浏览：1238

[摘要] 众所周知的网站优化分为站内优化和站外优化。而代码优化又是站内优化的重头戏。今天小编就来和大家分享下自己多年站内代码优化的心得。一、用好html标签重定义，精简代码 Html标签重定义比Class要节省页面代码。html里常见的标签有span、u、i、small、…

　　众所周知的网站优化分为站内优化和站外优化。而代码优化又是站内优化的重头戏。今天小编就来和大家分享下自己多年站内代码优化的心得。

　　一、用好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块

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

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

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

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

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

关键词：

上一篇：网站优化相关概念解释

下一篇：SEO且行且珍惜反映了哪些问题