功能测试
首页 > 网站优化 > 正文

SEO优化之规范HTML代码

发布-济宁SEO | 查看- | 发表时间-2009-8-24

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

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

给网页添加 DOCTYPE

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

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

1. 过渡型(Transitional) 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2. 严格型(Strict) 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

3. 框架型(Frameset) 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

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

设定一个名字空间 

在DOCTYPE后面添加如下代码即可: 
<html xmlns="http://www.w3.org/1999/xhtml">
Xmlns是XHTML namespace的简写,叫做“名字空间”,通常我们的网页只有<html>,这里为什么会出现xmlns呢?名字空间就是给文档做一个标识,说明这个文档规范是属于谁的。明白了吗?不明白就Pass。 

声明语言编码 

简体中文网站可定义为: 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
英文网站可定义为: 
<meta 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. 作者与版权信息 
<meta name="author" content="hxstream "/>
<meta name="copyright" content="www.seo-k.cn,版权所有"/>

3. 站点介绍 
<meta name="description" content="济宁SEO为广大企业提供seo优化服务" />

4. 站点关键词 
<meta content="济宁网站优化,济宁SEO,搜索引擎优化,seo" name="keywords"/>

关闭所有的标签 

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

属性值用“”括起来 

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

给所有的属性赋值 

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

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

XHTML是大小写敏感的 
错误的写法为:<TITLE>www.seo-k.cn</TITLE>
标准的写法为:<title>www.seo-k.cn</title>

标签要合理嵌套 

不正确的写法:<div><h1>www.seo-k.cn</div></h1>
正确的写法为:<div><h1>www.seo-k.cn</h1></div>

特殊字符用编码标识 

如 " <" 用 "<"表示," >" 用 ">"表示。 

为图片增加alt属性 

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

用结构化的元素输出内容 

例如:你想输入三行文本,可以用: 
www.seo-k.cn<br/>www.seo-k.cn<br/>www.seo-k.cn
我建议用下面的方式代替上面的方式: 
<ul>
<li>www.seo-k.cn</li>
<li>www.seo-k.cn</li>
<li>www.seo-k.cn</li>
</ul>
 

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

联系济宁网站建设
电话:
0537-3150090
15264799833
QQ:37188428
地址:济宁市置城国际中心

最新文章
文章页自定义模板在主题的INCLUDE目录下的ARTICLE_SELF_MOUDLE.ASP
最近评论
访客留言
Copyright www.seo-k.cn 鲁ICP备09040439号 | DESIGN BY 零点