开发技术学习 » » SEO之HTML代码优化

SEO之HTML代码优化

此文被围观2635次日期: 2012-05-16 分类 : 标签: ·html·seo·charset·Copyright·Description·doctype·Keywords·xmlns·标题标签

SEO之HTML代码优化

一、文档类型（DOCTYPE）

XHTML1.0有三种DOCTYPE：

1. 过渡型（Transitional）

<!DOCTYPEhtml 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”>

二、名字空间（xmlns）

三、声明语言编码 (charset)

1. 中文简体：

2. 中文繁体

3. 英文

4. 中英文（国际）

5. 西欧

6. 阿拉伯文

7. 中欧

四、标题标签

Title说明

<title>Adophper_重庆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个字符的部门将不被搜索引擎收录，超过部分过多对网站排名有影响。

Keywords说明

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

1. 字数

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

2. 关键词

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

3. 符号

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

Description说明

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

1. 字数

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

2. 符号

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

Copyright说明

1. 关键词

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

2. 字数

28个字符（14个中文汉字）以内即可，比如“重庆AdoPhper网络科技有限公司”即可。

3. 符号

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

Author说明

建议不要超过12个字符（6个中文汉字），4-8个字符（2-4个汉字）最佳。

五、层叠样式表（CSS）调用

尽量只用一个.css文件，地址采用绝对地址。

六、脚本语言（JS）调用

同层叠样式表（css）调用

七、其他代码尽量不用

尤其注意到有：

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

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

3、<meta http-equiv=”Refresh” content=”5;url=http://www.adophper.com”>

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

八、去<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>

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

十一、标签嵌套要合理

十二、特殊字符用编码标识

如：“?” 版权符号用“ ?”；“? ”注册商标用“?”表示。

十三、链接标签（<a>）

<a href=”http://www.adophper.com/baozhuang/index.html” target=”_blank” title=”adophper 重庆SEO培训频道”>重庆SEO培训</a>

1、换行符

如果希望注释多行显示，可以使用“ ”作为换行符

2、关键词字数

建议不超过36个字符（18个中文汉字）

3、排列原则

独特性的关键词放前面，重复性的关键词尽量靠后

4、其他

尽量不要使用“的”、“上”、“好”、“等等”等，搜索引擎数据库默认不收录的字

十四、图片标签（<img>）

<imgsrc=”http://www.adophper.com/images/logo.gif” alt=”东栋新升LOGO”>

十五、 Flash标签(<object></object>)

在标签前添加<!–Flash广告开始：2009年4月7日至10日励华国际彩盒展将在重庆国际展览中心举行–>

在标签后添加<!–Flash广告结束–>

1、标签内不要出现“ ”（空格）、“–”、“！”等破坏<!– –>标签的字符

2、字数以表示出Flash大体内容为宜，不宜添加Flash未表达的文字，会被判为作弊。

十六、框架标签（<frameset></frameset>）

</frameset>

十七、 CSS代码

1、如：

h1 {

font-size: 16px;

color: #0000FF;

text-align: left;

}

p {

font-size: 18px;

color: #0000FF;

text-align: left;

}

改写为

h1，p{

font-size: 18px;

color: #0000FF;

text-align: left;

}

2、再如：“margin:0px 0px 0px0px;”改为“margin: 0px;”

该日志由开发技术学习于2012年05月16日发表在分类下，你可以发表评论，并在保留原文地址（https://www.kfju.com/article-id-171.html）及作者的情况下引用到你的网站或博客。
原创文章转载请注明: SEO之HTML代码优化 | 开发技术学习

上一页：前端SEO规范

下一页：vue引入tailwindcss,vue2 tailwindcss不生效解决方法

用发现美的眼睛去感受当下的幸福，发现生活的美感悟生活中的美

开发技术学习