蝙蝠岛资源网 Design By www.hbtsch.com
SEO优化案例中html的优化是SEO优化中很重要的一个环节，同网站结构、布局、内容一样是一个网站的根基。每一个在搜索引擎表现不错的网站，html代码优化都是做得很符合搜索引擎的抓取习惯。今天谈谈做好html代码优化应该注意的几个要点。
一、文档类型（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>网络营销案例_网络推广技巧</title>
1、第一个关键词
必须是该页面的主要内容，比如“网站优化页面”，就应该写“网站优化”
2、名词短语
必须是介绍前面的一句带有关键字的名词短语，上例中存在“网络营销”、“网络推广”、“网络推广方法”、“网络营销策划”等等众多关键词，注意尽量不要使用“的”、“了”、“啊”、“上”等不能够组成关键词的字，原因：浪费资源
3、其他关键词
网页文本没有的关键词不要放在上面
4、符号
符号“_”不要写成“—”(中文状态)，可以写成“-”（英文状态）；符合“|”可以用“,”（英文状态）代替，不要使用“，”（中文状态）。
5、字数
关键词四——六个字即可，短语+第一个关键词不宜超过39个字符（19个字以内为宜），总的数量不宜超过80个字符（40个中文汉字），超过39个字符的部分将不被搜索引擎显示，超过80个字符的部门将不被搜索引擎收录，超过部分过多对网站排名有影响。
6、其他
结束的时候不要使用“ />”，应该直接写“>”
<meta name="keywords" content="网络推广技巧">
1、字数
总的数量不宜超过100个字符（50个中文汉字）
2、关键词
关键词不要叠加，“包装机械，包装设计，食品包装，包装公司，包装用户，包装信息，包装订单，包装企业，包装新闻，包装资讯”应改为“包装,设计,食品,公司,企业,用户,信息，机械,订单,新闻,资讯”，有时为了增加相关性，可以添加几个“包装机械，包装设计”之类的关键词，以增加相关性。
3、符号
符号需使用“,”（英文状态），而不是“，”（中文状态）
4、其他
结束的时候不要使用“ />”，应该直接写“>”
<meta name="description" content="网络营销案例网，系jrchen（彭宇诚）创办，旨在为从事网络推广，seo优化，网站策划，网络营销策划的朋友提供免费的网络营销案例，网站推广方案，网络推广技巧”>
注意：
1、字数
不要超过200个字符（100个中文汉字），超过152个字符（76个中文汉字）的部分将不被搜索引擎显示。
2、符号
符号需要使用“(”、“)”(英文状态)，而不是“（”、“）”。原因：浪费字符数。
<meta name="copyright" content="xxxxx(xxxxseo.com)版权所有">
1、关键词
尽量包含关键词，且能够表示唯一属性。
2、字数
28个字符（14个中文汉字）以内即可，比如“xxxxx网络科技有限公司”即可。
3、符号
不建议使用中文状态下的符合，因为中文状态的字符一般占有两个字符，浪费了一个字符。
<meta name="author" content="网络营销案例">
建议不要超过12个字符（6个中文汉字），4-8个字符（2-4个汉字）最佳。
五、层叠样式表（CSS）调用
<link href="http://www.xxxxseo.com/img/main.css " type="text/css" rel="stylesheet">
尽量只用一个.css文件，地址采用绝对地址。
六、脚本语言（JS）调用
<script src="http://www.xxxxseo.com/JS/VIP.js" type="text/javascript"></script>
同层叠样式表（css）调用
七、其他代码尽量不用
尤其注意到有：
1、把css代码直接写在头部
2、把JS代码直接写在头部
3、<meta http-equiv="Refresh" content="5;url=http://www.xxxxseo.com">
尤其注意：不要使用刷新的方式进入首页。
八、去<table>化
美工尽量使用DIV+CSS的模式，而不是传统的table，因为table标签众多，搜索引擎能读懂的标签比较少。
九、标签大小写要符合规范
尤其注意不要将下列标签写成大写
复制代码代码如下:
<title></title>
<meta>
<body>
<a>
<img>
<h1></h1> <h2></h2>
<strong></strong>
<head></head>
十、双标签的不要忘记闭合标签
十一、标签嵌套要合理
<div><h1>第一包装</h1></div>
十二、特殊字符用编码标识
如：“?” 版权符号用“ ?”；“? ”注册商标用“?”表示。
十三、链接标签（<a>）
<a href="http://www.xxxxseo.com/baozhuang/index.html" target="_blank" title="xxxxx上海SEO培训频道">上海SEO培训</a>
1、换行符
如果希望注释多行显示，可以使用“ ”作为换行符
2、关键词字数
建议不超过36个字符（18个中文汉字）
3、排列原则
独特性的关键词放前面，重复性的关键词尽量靠后
4、其他
尽量不要使用“的”、“上”、“好”、“等等”等，搜索引擎数据库默认不收录的字
十四、图片标签（<img>）
<img src="http://www.xxxxseo.com/images/logo.gif" alt="xxxxxLOGO">
十五、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="/UploadFiles/2021-04-16/top.htm"><frame name="bottom" src="http://www.xxxxseo.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;”
一、文档类型（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>网络营销案例_网络推广技巧</title>
1、第一个关键词
必须是该页面的主要内容，比如“网站优化页面”，就应该写“网站优化”
2、名词短语
必须是介绍前面的一句带有关键字的名词短语，上例中存在“网络营销”、“网络推广”、“网络推广方法”、“网络营销策划”等等众多关键词，注意尽量不要使用“的”、“了”、“啊”、“上”等不能够组成关键词的字，原因：浪费资源
3、其他关键词
网页文本没有的关键词不要放在上面
4、符号
符号“_”不要写成“—”(中文状态)，可以写成“-”（英文状态）；符合“|”可以用“,”（英文状态）代替，不要使用“，”（中文状态）。
5、字数
关键词四——六个字即可，短语+第一个关键词不宜超过39个字符（19个字以内为宜），总的数量不宜超过80个字符（40个中文汉字），超过39个字符的部分将不被搜索引擎显示，超过80个字符的部门将不被搜索引擎收录，超过部分过多对网站排名有影响。
6、其他
结束的时候不要使用“ />”，应该直接写“>”
<meta name="keywords" content="网络推广技巧">
1、字数
总的数量不宜超过100个字符（50个中文汉字）
2、关键词
关键词不要叠加，“包装机械，包装设计，食品包装，包装公司，包装用户，包装信息，包装订单，包装企业，包装新闻，包装资讯”应改为“包装,设计,食品,公司,企业,用户,信息，机械,订单,新闻,资讯”，有时为了增加相关性，可以添加几个“包装机械，包装设计”之类的关键词，以增加相关性。
3、符号
符号需使用“,”（英文状态），而不是“，”（中文状态）
4、其他
结束的时候不要使用“ />”，应该直接写“>”
<meta name="description" content="网络营销案例网，系jrchen（彭宇诚）创办，旨在为从事网络推广，seo优化，网站策划，网络营销策划的朋友提供免费的网络营销案例，网站推广方案，网络推广技巧”>
注意：
1、字数
不要超过200个字符（100个中文汉字），超过152个字符（76个中文汉字）的部分将不被搜索引擎显示。
2、符号
符号需要使用“(”、“)”(英文状态)，而不是“（”、“）”。原因：浪费字符数。
<meta name="copyright" content="xxxxx(xxxxseo.com)版权所有">
1、关键词
尽量包含关键词，且能够表示唯一属性。
2、字数
28个字符（14个中文汉字）以内即可，比如“xxxxx网络科技有限公司”即可。
3、符号
不建议使用中文状态下的符合，因为中文状态的字符一般占有两个字符，浪费了一个字符。
<meta name="author" content="网络营销案例">
建议不要超过12个字符（6个中文汉字），4-8个字符（2-4个汉字）最佳。
五、层叠样式表（CSS）调用
<link href="http://www.xxxxseo.com/img/main.css " type="text/css" rel="stylesheet">
尽量只用一个.css文件，地址采用绝对地址。
六、脚本语言（JS）调用
<script src="http://www.xxxxseo.com/JS/VIP.js" type="text/javascript"></script>
同层叠样式表（css）调用
七、其他代码尽量不用
尤其注意到有：
1、把css代码直接写在头部
2、把JS代码直接写在头部
3、<meta http-equiv="Refresh" content="5;url=http://www.xxxxseo.com">
尤其注意：不要使用刷新的方式进入首页。
八、去<table>化
美工尽量使用DIV+CSS的模式，而不是传统的table，因为table标签众多，搜索引擎能读懂的标签比较少。
九、标签大小写要符合规范
尤其注意不要将下列标签写成大写
复制代码代码如下:
<title></title>
<meta>
<body>
<a>
<img>
<h1></h1> <h2></h2>
<strong></strong>
<head></head>
十、双标签的不要忘记闭合标签
十一、标签嵌套要合理
<div><h1>第一包装</h1></div>
十二、特殊字符用编码标识
如：“?” 版权符号用“ ?”；“? ”注册商标用“?”表示。
十三、链接标签（<a>）
<a href="http://www.xxxxseo.com/baozhuang/index.html" target="_blank" title="xxxxx上海SEO培训频道">上海SEO培训</a>
1、换行符
如果希望注释多行显示，可以使用“ ”作为换行符
2、关键词字数
建议不超过36个字符（18个中文汉字）
3、排列原则
独特性的关键词放前面，重复性的关键词尽量靠后
4、其他
尽量不要使用“的”、“上”、“好”、“等等”等，搜索引擎数据库默认不收录的字
十四、图片标签（<img>）
<img src="http://www.xxxxseo.com/images/logo.gif" alt="xxxxxLOGO">
十五、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="/UploadFiles/2021-04-16/top.htm"><frame name="bottom" src="http://www.xxxxseo.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;”
标签：
HTML代码优化,HTML优化
蝙蝠岛资源网 Design By www.hbtsch.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com
暂无HTML代码优化注意要点同网站结构、布局、内容一样重要的评论...
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/2
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年11月02日
2024年11月02日
- 《暗喻幻想》顺风耳作用介绍
- 崔健1985-梦中的倾诉[再版][WAV+CUE]
- 黄子馨《追星Xin的恋人们2》HQ头版限量编号[WAV+CUE]
- 孟庭苇《情人的眼泪》开盘母带[低速原抓WAV+CUE]
- 孙露《谁为我停留HQCD》[低速原抓WAV+CUE][1.1G]
- 孙悦《时光音乐会》纯银CD[低速原抓WAV+CUE][1.1G]
- 任然《渐晚》[FLAC/分轨][72.32MB]
- 英雄联盟新英雄安蓓萨上线了吗 新英雄安蓓萨技能介绍
- 魔兽世界奥杜尔竞速赛什么时候开启 奥杜尔竞速赛开启时间介绍
- 无畏契约CGRS准星代码多少 CGRS准星代码分享一览
- 张靓颖.2012-倾听【少城时代】【WAV+CUE】
- 游鸿明.1999-五月的雪【大宇国际】【WAV+CUE】
- 曹方.2005-遇见我【钛友文化】【WAV+CUE】
- Unity6引擎上线:稳定性提升、CPU性能最高提升4倍
- 人皇Sky今日举行婚礼！电竞传奇步入新篇章