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

网站优化
百度收录近期更改 不要乱seo
减少 复制内容增加SEO效果
SEO 关键字布局写法
SEO 网站惩罚情况分析
SEO 交换链接技巧和链接的意义
条条大道通罗马,你的SEO公式是什么?
如何才能使自己的单向链接保质保量
seo 职业者对搜索引擎的观察分析
交叉链接 示意图
网站建好了都要向哪些搜索引擎提交?
新手如何问网站优化问题
66种SEO创意推广方法集锦
影响网站排名下降的几个主要原因
WordPress 博客的网站优化
挑选高质量友情链接的技巧
屏蔽百度快照的方法
网站SEO搜索引擎优化50问
SEO教程 robots.txt文件常见用途
SEO 经验教程 网页图片优化技巧
SEO 链接是金 全面认识网站链接

网站优化之规范HTML代码


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