最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > 站长之家 > 搜索优化> SEO需要规范HTML代码

SEO需要规范HTML代码

文章作者:网友投稿 发布时间:2008-09-17 来源:网络

SEO中,也需要对网站的html代码进行规范化,规范化的Html代码对一个网站有诸多好处,比如:改版方便、代码容易维护、代码量小、网站打开速度快、适合更多人群阅读等,这里就不一一列举。 
下面,我们就开始对我们的网站进行初级改善: 
给网页添加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的简写,叫做“名字空间”,通常我们的网页只有,这里为什么会出现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.world-blog.cn,版权所有"/>

3 . 站点介绍 

<meta name="description" content="深圳SEO为广大企业提供seo优化服务" />

4 . 站点关键词 

<meta content="搜索引擎优化,seo" name="keywords"/>

关闭所有的标签 
打开的标签必须关闭,例如

<p>www.world-blog.cn</p>

当然还有一种关闭方式,如:<br />

属性值用“”括起来 例如: 

<img height= "80 "&hellip;&hellip;/>

给所有的属性赋值 
不正确的写法: 

<input &hellip;&hellip; checked/>

正确的写法为: 

<input &hellip;&hellip; checked= "checked"/>

所有的XHTML元素及其属性名称用小写 
XHTML是大小写敏感的 
错误的写法为: 

<TITLE>www.world-blog.cn</TITLE>

标准的写法为: 

<title>www.world-blog.cn</title>

标签要合理嵌套 

不正确的写法:

<div><h1>www.world-blog.cn</div></h1>

正确的写法为:

<div><h1>www.world-blog.cn</h1> </div>
特殊字符用编码标识

如 " <" 用 "<"表示," >" 用 ">"表示。 
为图片增加alt属性 

<img src="images/logo.gif" alt="深圳SEO为您服务"/>

alt属性指定了当图片不能显示的时候就显示供替换文本。  

用结构化的元素输出内容 
例如:你想输入三行文本,可以用: 
www.world-blog.cn
www.world-blog.cn
www.world-blog.cn 
我建议用下面的方式代替上面的方式: 

  • www.world-blog.cn

  • www.world-blog.cn

  • www.world-blog.cn

上一篇: 如果你真的想屏蔽百度蜘蛛 尝试以下方法

下一篇: 新手写给新手 站的SEO优化

共有0条评论网友评论

游戏排行榜