网站优化(从HTML方面说)

网站head区代码规范

head区是指<head>和</head>之间的内容 。

必须加入的标签

1.公司版权注释

<!--- The site is designed by con-edu.cn,Inc 04/2009 --->

2.网页显示字符集

简体中文：<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

繁体中文：<meta http-equiv="Content-Type" content="text/html; charset=BIG5">

英 语：<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

3.作者与版权信息

<meta name="author" content="www.com-edu.cn">

<meta name="copyright" content="www.com-edu.cn,版权所有"/>

4.网页的css,javascript规范

<link href="style/style.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript"></script>

样式和脚本最好用这种方式引用，可以提高网页的信噪比 。

5.网页标题

<title> </title>

Title中如何分割：

英文中，横杠“- ”确实是一些词汇之间的分隔符；

百度、腾讯，都是以下划线“_”作为分割；

Google，则是使用横杠“-”分割 。

搜索引擎对于title索引的最大字符数是255个字符 。但是一般在Google和百度所显示的标题字符，都有一个长度极限：

百度：60个字节（30个汉字） 。

谷歌：66个字节（33个汉字） 。

如果长度超过了搜索引擎显示的极限，那么就会被省略号所代替 。

网页的title如果时常频繁的改变，那么搜索引擎会认为你是在作弊 。

6.设置搜索关键词

<meta name="keywords" content=" " />

百度关键词搜索指数：http://index.baidu.com/，在这个工具里，可以看到一些常用关键词的每日搜索次数 。

热门词汇，目前收索量最多的词汇 。可以查看百度热词榜，http://top.baidu.com/index2.html

Google AdWords关键字工具：查询特定关键词的常见查询及扩展匹配 。

KEYWRODS 关键字 最多不超过5个建议长度：小于等于100个汉字，如果使用的网页编码是UTF-8，不同关键字之间用英文“,”分隔 。

7.网站简介

<meta name="description" content=" " />

description是描述网页内容的，因此最好是可以用一句话来概括本网页的主题内容 。

description不要超过255个字符，搜索引擎索引一般都会索引Description的前255个字符，因此，这255个字符是做搜索引擎优化的关键 。

如果使用的网页编码是UTF-8，那么在Description中的标点符号最好都使用英文，例如英文的逗号、句号等 。如果是中文的话，那么就使用中文的标点符号即可 。

.可以选择加入的标签

1.设定网页的到期时间 。一旦网页过期，必须到服务器上重新调阅，这样有利于页面信息 。

<meta http-equiv="expires" content="wed, 26 feb 2009 08:21:57 gmt">

2.禁止浏览器从本地机的缓存中调阅页面内容 。

<meta http-equiv="pragma" content="no-cache">

3.用来防止别人在框架里调用你的页面 。

<meta http-equiv="window-target" content="_top">

4.自动跳转 。

<meta http-equiv="refresh" content="5;url=http://www.com-edu.cn">

5指时间停留5秒 。

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引 。

<meta name="robots" content="none">

CONTENT的参数有all,none,index,noindex,follow,nofollow 。默认是all 。

6.收藏夹图标

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/> 图片大小16px*16px

7.订阅RSS浏览

是一种描述和同步网站内容的格式 。用户可以通过RSS阅读器订阅 。

<link href=”rss.aspx” title=”新现代教育网” type=”application/rss+xml” rel=”alternte” />

<body>区域标签

关键字的放置位置：
1、网页正文内容中的关键词
正文内容必须适当出现关键词，对搜索引擎的优化起到关键的作用 。一般在 1% 到 7% 较为合适 。别把所有的关键字或关键字段堆积在一起 。

文章中的小标题一定也要加粗 。

2、在文章内容中增加一引起“链接”文本
增加超链接文本 。就是说把文章内容中的一些词，比如：中英合作商务管理 就可以做个链接，链接到 相应的简章或开班信息等 。当然最好是把关键字做超文本链接 。

3、标题
即正文标题一般用<h1></h1>标签，最好和title标签的内容有关联 。

4．把一些重要的内容做成WEB切片（IE8支持）

可以把网页中的重要内容做成这样 。用户不用登陆这个网页就可看到更新的内容 。

1.<body>为了保证浏览器的兼容性，必须设置页面背景<body bgcolor="#FFFFFF">

2.关闭所有的标签

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

就是说一定要有结束标记 。

3. 属性值用双引号 “” 括起来,属性一率小写

例如：<img height="60" width="760" src="images/gxseo_logo.gif"/>

4. 给所有的属性赋值

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

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

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

XHTML是大小写敏感的

错误的写法为：<TITLE>www.com-edu.cn</TITLE>

标准的写法为：<title>www. com-edu.cn </title>

6.标签要合理嵌套

不正确的写法：<div><h1> www.com-edu.cn </div></h1>

正确的写法为：<div><h1> www.com-edu.cn </h1></div>

7.特殊字符用编码标识

如 " <" 用 "&lt;"表示，" >" 用 "&gt;"表示 。

8.网页中图片优化

一定要加alt属性，alt属性指定了当图片不能显示的时候就显示供替换文本 。 内容最好与关键词相关 。

如：<img src="images/gxseo_logo.gif" alt="中英商务合作"/>

一些小图标最好用.gif格式图片，比如说箭头，文章列表前的图标等，在CSS中做成背景 。

这些小图标最好做一张图片，用CSS来定位 。

9.用结构化的元素输出内容

<ul>

<li>新现代</li>

<li>新现代</li>

<li>新现代</li>

</ul>

这样做也便于后台代码规范

或者使用

<dl>

<dt></dt>

<dd></dd>

</dl>

<h1></h1>系列标签

10．标签要有缩进，便于代码阅读修改 。