SEO需要规范HTML代码

jokke · 发表于 2008-9-17 15:34:49

加入城市，听原创电台，写情感文字，分享你的一切。

您需要登录才可以下载或查看，没有帐号？注册居民

x

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的简写，叫做“名字空间”，通常我们的网页只有<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 . 作者与版权信息

3 . 站点介绍

4 . 站点关键词

关闭所有的标签

打开的标签必须关闭，例如<p>www.93you.com</p>，当然还有一种关闭方式，如：<br/>

属性值用“”括起来

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

给所有的属性赋值

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

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

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

标签要合理嵌套

不正确的写法：<div><h1>www.93you.com</div></h1>
正确的写法为：<div><h1>www.93you.com</h1></div>

特殊字符用编码标识

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

为图片增加alt属性

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

用结构化的元素输出内容

例如：你想输入三行文本，可以用：
www.world-blog.cn<br/>www.world-blog.cn<br/>

www.93you.com我建议用下面的方式代替上面的方式：
<ul>
<li>www.93you.com</li>
<li>www.93you.com</li>
<li>www.93you.com</li>
</ul>

zhuangyy2084 · 发表于 2010-11-19 03:32:20

恩，挺不错的，现在很多小网络公司这些细节都做的不好。

独孤学 · 发表于 2010-11-28 03:16:04

其实对
XHTML是大小写敏感的
错误的写法为：<TITLE>www.93you.com</TITLE>

HTML4.0以及之前的版本中，W3C标准是不区分标签大小写的。
在HTML5.0版本中，W3C规定标签必须用小写。
如果大写也不会出问题，只是不符合标准吧

wodexinshi · 发表于 2010-12-1 22:41:25

恩，挺不错的