当前位置: 首页 > 图文教程 > 网站运营 > 网站优化 > 网站优化之规范HTML代码

网站优化
学习seo的注意事项
同样内容的网站放在不同的域名对你有帮助吗
SEO 关键词的选择
网站真实流量分析方法
锚文本对于SEO的重要性
SEO技术 google pr值算法浅谈
搜索引擎优化的一些方法和排名技巧
2009年影响网站搜索引擎排名的重要因素小结
SEO 实战 关键词排名还很重要吗?
SEO教程 网站地址URL规范化技巧
SEO实例分享 关键词和网站流量
所有SEO策略需要站在运营和产品角度
SEO工具 五款免费的死链接检测工具
网页图片该如何优化
SEO切不可把 内容为王 奉为圣经而不知变通
选择一个适合SEO的CMS系统的分析
Google 任何时间段的网页结果查看方法
Google明令禁止的十大SEO黑帽技术小结
SEO作弊方法和SEO作弊认定准则分析
博客从谷歌获得较高的PR值的方法分析

网站优化之规范HTML代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 56 ::
收藏到网摘: n/a

规范化的Html代码对一个网站有诸多好处,比如:改版方便、代码容易维护、代码量小、网站打开速度快、适合更多人群阅读等,这里就不一一列举。单从网站优化的角度看,规范化的Html代码更有利用搜索引擎排名。但是很多站长却没有认识到这一点,影响网站在搜索引擎上的排名。

下面,我们就开始对我们的网站进行初级改善:

给网页添加 DOCTYPE

什么是DOCTYPE?DOCTYPE是Document Type的简写,明白什么是DOCTYPE了吧!DOCTYPE就是文档类型,用来说明你的HTML或XHTML是什么版本,浏览器会根据您DOCTYPE中定义的DTD(Document Type Definition)来解释页面代码,可想而知,错误的DOCTYPE会出现什么结果。

XHTML1.0为我们提供了三种DOCTYPE:

1. 过渡型(Transitional)

2. 严格型(Strict)

以下为引用的内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3. 框架型(set)

以下为引用的内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 set//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-set.dtd">

过渡型兼容表格、标识等,对于初学者来说,选择过渡型就可以啦!

设定一个名字空间

在DOCTYPE后面添加如下代码即可:

以下为引用的内容:
<html xmlns="http://www.w3.org/1999/xhtml">

Xmlns是XHTML namespace的简写,叫做“名字空间”,通常我们的网页只有<html>,这里为什么会出现xmlns呢?名字空间就是给文档做一个标识,说明这个文档规范是属于谁的。明白了吗?不明白就Pass。

声明语言编码

简体中文网站可定义为:

以下为引用的内容:
< http-equiv="Content-Type" content="text/html; charset=gb2312"/>

英文网站可定义为:
以下为引用的内容:
< http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<Head></Head>之间的其他设置

1. 收藏夹小图标

制作一个16*16的ico图标,命名为favicon.ico,放到网站根目录下,然后把下面的代码放到<Head></Head>之间即可。

以下为引用的内容:
<link rel="icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>

2. 作者与版权信息

以下为引用的内容:
< name="author" content="hxstream "/>
< name="copyright" content="www.seo168.com,版权所有"/>

3. 站点介绍

以下为引用的内容:
< name="deion" content="seo168为广大企业提供seo优化服务" />

4. 站点关键词

以下为引用的内容:
< content="搜索引擎优化,seo" name="keywords"/>

关闭所有的标签

打开的标签必须关闭,例如<p>www.seo168.com</p>,当然还有一种关闭方式,如:<br/>

属性值用“”括起来

例如:<img height= "80 "……/>

给所有的属性赋值

不正确的写法:<input …… checked/>
正确的写法为:<input …… checked= "checked"/>

所有的XHTML元素及其属性名称用小写

XHTML是大小写敏感的
错误的写法为:<TITLE>www.seo168.com</TITLE>
标准的写法为:<title>www.seo168.com</title>

标签要合理嵌套

不正确的写法:<div><h1>www.seo168.com</div></h1>
正确的写法为:<div><h1>www.seo168.com</h1></div>

特殊字符用编码标识

如 " <" 用 "&lt;"表示," >" 用 "&gt;"表示。

为图片增加alt属性

alt属性指定了当图片不能显示的时候就显示供替换文本。
如:<img src="/upload/tech/20091017/20091017085553_25b2822c2f5a3230abfadd476e8b04c9.gif" alt="seo168为您服务"/>

用结构化的元素输出内容

例如:你想输入三行文本,可以用:

以下为引用的内容:
www.seo168.com<br/>www.seo168.com<br/>www.seo168.com

我建议用下面的方式代替上面的方式:
以下为引用的内容:
<ul>
<li>www.seo168.com</li>
<li>www.seo168.com</li>
<li>www.seo168.com</li>
</ul>

以上这些规范可以对您的网站进行初级改善,提高搜索引擎对你的网站的评分。看了这个多罗罗嗦嗦的东西,头脑是不是懵了,喝杯茶,Good Luck!

版权所有:http://www.seo168.com 转载请注明,谢谢!