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

网站优化
优化最常见问题之今天你的站又被降权了吗
搜索引擎营销经验谈 对关键词的整体把握
提高权重一定要做有效有质量的反链
两个月时间做排名到百度前页 简单的三点
详细:网站被降权的原因分析以及解决办法
赶上谷歌过生日 新站一个月PR值从0到达5
友情链接首看友情 做链接应注重RP而非PR
全方位立体式 建设网站需要进行整站优化
提纲挈领:精心整理38条国内SEO经典语录
你的账房先生 使用谷歌Analytics分析网站
充分展示网站标题 百度最新分词算法说明
SEO之关键词如何预测热门关键词
理解你的网站 DIV+CSS布局对优化的影响
网站搬家和重大变动 应该注意的几个问题
规范使用DIV+CSS命名规则 增强优化功效
伴随搜索引擎诞生 搜索营销优化走过14载
高流量并非是高效益 关于网站优化的误区
外文翻译:Google排名优化圣经
搜索引擎优化中的蝴蝶效应分析
误区释疑:搜索引擎优化并非一定是静态化

网站优化之规范HTML代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 187 ::
收藏到网摘: 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 转载请注明,谢谢!