HTML代码优化需要注意什么 - ┣◇网站建设&Web语言 - ╋艺镇╋

一、文档类型（DOCTYPE）

XHTML1.0有三种DOCTYPE：

1、过渡型（Transitional）

2、严格型（Strict）

3、框架型(Frameset)

二、名字空间（xmlns）
Html代码复制代码

1. <html xmlns=\"http://www.w3.org/1999/xhtml-:special:1:->

<html xmlns=-:special:1:-http://www.w3.org/1999/xhtml-:special:1:->

三、声明语言编码 (charset)

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

2、中文繁体
<meta http-equiv=-:special:1:-Content-Type-:special:1:- content=-:special:1:-text/html; charset=big5-:special:1:-/>

3、英文
<meta http-equiv=-:special:1:-Content-Type-:special:1:- content=-:special:1:-text/html; charset=en-:special:1:-/>

4、中英文（国际）
<meta http-equiv=-:special:1:-Content-Type-:special:1:- content=-:special:1:-text/html; charset=utf-8-:special:1:-/>

5、西欧
<meta http-equiv=-:special:1:-Content-Type-:special:1:- content=-:special:1:-text/html; charset=iso-8859-1-:special:1:->

6、阿拉伯文
<meta http-equiv=-:special:1:-Content-Type-:special:1:- content=-:special:1:-text/html; charset=ASMO-708-:special:1:->

7、中欧
<meta http-equiv=-:special:1:-Content-Type-:special:1:- content=-:special:1:-text/html; charset=iso-8859-2-:special:1:->

四、标题标签(title)
<title>华来科技_天津SEO行业专业SEO公司天津SEO|搜索引擎优化|SEO公司</title>

1、第一个关键词
必须是该页面的主要内容，比如“网站优化页面”，就应该写“网站优化”

2、名词短语
必须是介绍前面的一句带有关键字的名词短语，上例中存在“SEO”、“天津SEO”、“SEO公司”、“天津SEO公司”、“天津SEO行业”、“SEO 专业”、“专业SEO”、“专业SEO公司”、“天津公司”、“天津专业SEO公司”等等众多关键词，注意尽量不要使用“的”、“了”、“啊”、“上”等不能够组成关键词的字，原因：浪费资源

3、其他关键词
网页文本没有的关键词不要放在上面

4、符号
符号“_”不要写成“—”(中文状态)，可以写成“-”（英文状态）；符合“|”可以用“,”（英文状态）代替，不要使用“，”（中文状态）。

5、字数
关键词四——六个字即可，短语+第一个关键词不宜超过39个字符（19个字以内为宜），总的数量不宜超过80个字符（40个中文汉字），超过39个字符的部分将不被搜索引擎显示，超过80个字符的部门将不被搜索引擎收录，超过部分过多对网站排名有影响。

6、其他
结束的时候不要使用“ />”，应该直接写“>”

五、 meta标签

<meta name=-:special:1:-keywords-:special:1:- content=-:special:1:-搜索引擎优化,SEO-:special:1:->

1、字数
总的数量不宜超过100个字符（50个中文汉字）

2、关键词
关键词不要叠加，“包装机械，包装设计，食品包装，包装公司，包装用户，包装信息，包装订单，包装企业，包装新闻，包装资讯”应改为“包装,设计,食品,公司,企业,用户,信息，机械,订单,新闻,资讯”，有时为了增加相关性，可以添加几个“包装机械，包装设计”之类的关键词，以增加相关性。

3、符号
符号需使用“,”（英文状态），而不是“，”（中文状态）

4、其他
结束的时候不要使用“ />”，应该直接写“>”

<meta name=-:special:1:-description-:special:1:- content=-:special:1:-华来科技是天津地区专业的网络公司,主要从事网站建设、软件开发、搜索引擎优化(SEO),网站优化，用户体验优化(UEO),营销型网站建设以及相关的SEO咨询和培训等业务”>

1、字数
不要超过200个字符（100个中文汉字），超过152个字符（76个中文汉字）的部分将不被搜索引擎显示。

2、符号
符号需要使用“(”、“)”(英文状态)，而不是“（”、“）”。原因：浪费字符数。

<meta name=-:special:1:-copyright-:special:1:- content=-:special:1:-华来科技(hualai.net.cn)版权所有-:special:1:->

1、关键词
尽量包含关键词，且能够表示唯一属性。

2、字数
28个字符（14个中文汉字）以内即可，比如“天津华来科技有限公司”即可。

3、符号
不建议使用中文状态下的符合，因为中文状态的字符一般占有两个字符，浪费了一个字符。

<meta name=-:special:1:-author-:special:1:- content=-:special:1:-华来科技-:special:1:->
建议不要超过12个字符（6个中文汉字），4-8个字符（2-4个汉字）最佳。

六、层叠样式表（CSS）调用
<link href=-:special:1:-http://www.021-seo.com/img/main.css -:special:1:- type=-:special:1:-text/css-:special:1:- rel=-:special:1:-stylesheet-:special:1:->
尽量只用一个.css文件，地址采用绝对地址。

七、脚本语言（JS）调用
<script src=-:special:1:-http://www.021-seo.com/JS/VIP.js-:special:1:- type=-:special:1:-text/javascript-:special:1:-></script>

同层叠样式表（css）调用

八、其他代码尽量不用
尤其注意到有：

1、把css代码直接写在头部

2、把JS代码直接写在头部

3、<meta http-equiv=-:special:1:-Refresh-:special:1:- content=-:special:1:-5;url=http://www.021-seo.com-:special:1:->

尤其注意：不要使用刷新的方式进入首页。

九、去<table>化
美工尽量使用DIV+CSS的模式，而不是传统的table，因为table标签众多，搜索引擎能读懂的标签比较少。

十、标签大小写要符合规范
尤其注意不要将下列标签写成大写
1、<title></title>
2、<meta>
3、<body>
4、<a>
5、<img />
6、<h1></h1> <h2></h2>
7、<strong></strong>
8、<head></head>

十一、双标签的不要忘记闭合标签

十二、标签嵌套要合理
<div><h1>第一包装</h1></div>

十三、特殊字符用编码标识
如：“?

Html代码复制代码

1. <!DOCTYPE html PUBLIC -:special:1:--//W3C//DTD XHTML 1.0 Frameset//EN-:special:1:- -:special:1:-http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd-:special:1:->

<!DOCTYPE html PUBLIC -:special:1:--//W3C//DTD XHTML 1.0 Frameset//EN-:special:1:- -:special:1:-http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd-:special:1:->

Html代码复制代码

1. <!DOCTYPE html PUBLIC -:special:1:--//W3C//DTD XHTML 1.0 Strict//EN-:special:1:- -:special:1:-http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd-:special:1:->

<!DOCTYPE html PUBLIC -:special:1:--//W3C//DTD XHTML 1.0 Strict//EN-:special:1:- -:special:1:-http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd-:special:1:->

Html代码复制代码

1. <!DOCTYPE html PUBLIC -:special:1:--//W3C//DTD XHTML 1.0 Transitional//EN-:special:1:- -:special:1:-http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd-:special:1:->

http://home.51.com/xiaoxin5166/diary/item/10052393.html

主题：HTML代码优化需要注意什么