seo在html
2021-01-15 09:35:44 -0500
一、 文档类型（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"> 二、名字空间（xmlns）
<html xmlns="
http://www.w3.org/1999/xhtml"> 三、声明语言编码 (charset)
1、中文简体：
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
2、中文繁体
<meta http-equiv="Content-Type" content="text/html; charset=big5"/>
3、英文
<meta http-equiv="Content-Type" content="text/html; charset=en"/>
4、中英文（国际）
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5、西欧
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
6、阿拉伯文
<meta http-equiv="Content-Type" content="text/html; charset=ASMO-708">
7、中欧
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
四、标题标签(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 name="keywords" content="搜索引擎优化,SEO">
1、字数
总的数量不宜超过100个字符（50个中文汉字）
2、关键词
关键词不要叠加，“包装机械，包装设计，食品包装，包装公司，包装用户，包装信息，包装订单，包装企业，包装新闻，包装资讯”应改为“包装,设计,食品, 公司,企业,用户,信息，机械,订单,新闻,资讯”，有时为了增加相关性，可以添加几个“包装机械，包装设计”之类的关键词，以增加相关性。
3、符号
符号需使用“,”（英文状态），而不是“，”（中文状态）
4、其他
结束的时候不要使用“ />”，应该直接写“>”
<meta name="description" content="东栋新升是上海地区专业的SEO公司,主要从事搜索引擎优化(SEO),网站优化，用户体验优化(UEO),营销型 网站建设以及相关的SEO咨询和培训等业务”>
1、字数
不要超过200个字符（100个中文汉字），超过152个字符（76个中文汉字）的部分将不被搜索引擎显示。
2、符号
符号需要使用“(”、“)”(英文状态)，而不是“（”、“）”。原因：浪费字符数。
<meta name="copyright" content="东栋新升(021-seo.com)版权所有">
1、关键词
尽量包含关键词，且能够表示唯一属性。
2、字数
28个字符（14个中文汉字）以内即可，比如“上海东栋新升网络科技有限公司”即可。
3、符号
不建议使用中文状态下的符合，因为中文状态的字符一般占有两个字符，浪费了一个字符。
<meta name="author" content="东栋新升">
建议不要超过12个字符（6个中文汉字），4-8个字符（2-4个汉字）最佳。
五、层叠样式表（CSS）调用
<link href="
http://www.021-seo.com/img/main.css " type="text/css" rel="stylesheet">
尽量只用一个.css文件，地址采用绝对地址。
六、脚本语言（JS）调用
<script src="
http://www.021-seo.com/JS/VIP.js" type="text/javascript"></script>
同层叠样式表（css）调用
七、其他代码尽量不用
尤其注意到有：
1、把css代码直接写在头部
2、把JS代码直接写在头部
3、<meta http-equiv="Refresh" content="5;url=
http://www.021-seo.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>
十、双标签的不要忘记闭合标签
十一、标签嵌套要合理
<div><h1>第一包装</h1></div>
十二、特殊字符用编码标识
如：“©” 版权符号用“ ©”；“® ”注册商标用“®”表示。
十三、链接标签（<a>）
<a href="
http://www.021-seo.com/baozhuang/index.html" target="_blank" title="东栋新升 上海SEO培训频道">上海SEO培训</a>
1、换行符
如果希望注释多行显示，可以使用“ ”作为换行符
2、关键词字数
建议不超过36个字符（18个中文汉字）
3、排列原则
独特性的关键词放前面，重复性的关键词尽量靠后
4、其他
尽量不要使用“的”、“上”、“好”、“等等”等，搜索引擎数据库默认不收录的字
十四、图片标签（<img>）
<img src="
http://www.021-seo.com/images/logo.gif" alt="东栋新升LOGO">
十五、Flash标签(<object></object>)
在标签前添加<!--Flash广告开始：2009年4月7日至10日励华国际彩盒展将在上海新国际展览中心举行-->
在标签后添加<!--Flash广告结束-->
1、标签内不要出现“ ”（空格）、“--”、“！”等破坏<!-- -->标签的字符
2、字数以表示出Flash大体内容为宜，不宜添加Flash未表达的文字，会被判为作弊。
十六、框架标签（<frameset></frameset>）
<frameset rows="80,*">
<noframes><body>正文内容</body></noframes>
<frame name="top" src="
http://www.021-seo.com/top.htm"> <frame name="bottom" src="
http://www.021-seo.com/bottom.htm"> </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 0px 0px;”改为“margin: 0px;”
万户营销
2017-05-11 科技爱好者
HTML优化是网站内部优化的重点，可能对SEO新手来说，容易忽略。符合搜索引擎习惯的HTML代码是极利于SEO的，可以让你的网站获得更好的搜索引擎排名。如何制作一个标准的HTML网页，如何做HTML优化，本文将为你详细阐述。在网站制作中，更符合Web 2.0标准的网页无外乎DIV+CSS布局方式了。事实上，网站制作无外乎四个主页面，首页、频道页、栏目页、文章页。
工具/原料
DreamWeaver
方法/步骤
1/4 分步阅读
网站首页HTML规范
<html>
<head>
<title>网站SEO标题</title>
<meta name="description" content="网站描述" />
<meta name="keywords" content="网站关键词" />
<meta content="万户网络
http://www.wanhu.com.cn" name="design">
</head>
<body>
<div id="header">
<h1><a href="网站地址" title="网站描述">网站名称</a></h1>
<div id="navigation">网站导航</div>
</div>
<div id="container">
<div id="contain">
<h2><a href="主频道/栏目链接地址" title="链接说明">频道/栏目标题</a></h2>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
<div id="sidebar">
<h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
</div>
<div id="footer">
<div id="copyright"><a href="网址：如
http://www.letians.cn/" title="网站描述">网站名称</a></div>
</div>
</body>
</html>
2/4
网站频道/栏目页HTML规范
<html>
<head>
<title>频道/栏目SEO标题-网站名称</title>
<meta name="description" content="频道/栏目描述" />
<meta name="keywords" content="频道/栏目关键词" />
<meta content="万户网络
http://www.wanhu.com.cn" name="design">
</head>
<body>
<div id="header">
<div id="caption"><a href="网站地址" title="网站描述">网站名称</a></div>
<div id="navigation">网站导航</div>
</div>
<div id="container">
<div id="contain">
<h1>频道/栏目名称</h1>
<h2><a href="链接地址" title="链接说明">子栏目标题</a></h2>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
<div id="sidebar">
<h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
</div>
<div id="footer">
<div id="copyright"><a href="网址：如
http://www.letians.cn/" title="网站描述">网站名称</a></div>
</div>
</body>
</html>
3/4
网站文章页HTML规范
<html>
<head>
<title>文章SEO标题-网站名称</title>
<meta name="description" content="文章描述" />
<meta name="keywords" content="文章关键词" />
</head>
<body>
<div id="header">
<div id="caption"><a href="网站地址" title="网站描述">网站名称</a></div>
<div id="navigation">网站导航</div>
</div>
<div id="container">
<div id="contain">
<h1>文章标题</h1>
<h2>TAG标签</h2>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
<div id="content">文章正文<strong>重点关键词或段落标题</strong><img src="图片链接地址" alt="图片说明" /></h1>
<h2>相关文章</h2>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
<div id="sidebar">
<h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3>
<ul>
<li><a href="链接地址" title="链接说明">文章标题</a></li>
...
</ul>
</div>
</div>
<div id="footer">
<div id="copyright"><a href="
http://www.wanhu.com.cn" title="网站建设">网站建设</a></div>
</div>
</body>
</html>
4/4
经过上面的HTML代码的优化，我们将会得到一个比较规范的HMTL代码，从而使网站的SEO优化更加的得心应手。
注意事项
在HTML代码优化当中，也有一些标签需要注意一下的，接下来简单罗列一下：H标签、strong标签、TDK（SEO重点，即Title、Description、Keywords）、a标签、img里面的Alt元素、copyright版权链接等
Back to home
Subscribe |
Register |
Login
| N
![http://www.021-seo.com/images/logo.gif"](http://www.021-seo.com/images/logo.gif"){kind=link}