网站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.标签要有缩进,便于代码阅读修改。