网站优化

 找回密码
 立即注册
网站优化之规范HTML代码
查看: 13286|回复: 43

网站优化之规范HTML代码

网站优化公司 发表于 2016-2-19 15:38:25 | 显示全部楼层 |阅读模式
规范化的Html代码对一个网站有诸多好处,比如:改版便利、代码轻易保护、代码量小、网站打开速度快、合适更多人群浏览等,这里就不一一列举。单大年夜网站优化的角度看,规范化的Html代码更有应用引擎排名。然则很多站长却没有熟悉到这一点,影响网站在引擎上的排名。


给网页添加 DOCTYPE


什么是DOCTYPE?DOCTYPE是Document Type的简写,明白什么是DOCTYPE了吧!DOCTYPE就是文档类型,用来解释你的HTML或XHTML是什么版本,浏览器会根据您DOCTYPE中定义的DTD(Document Type Definition)来解释页面代码,可想而知,缺点的DOCTYPE会出现什么结不雅。


XHTML1.0为我们供给了三种DOCTYPE:


1. 过渡型(Transitional)

以下为引用的内容:
<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>




2. 严格型(Strict)

以下为引用的内容:
<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;>




3. 框架型(set)

以下为引用的内容:
<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 set//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-set.dtd&quot;>




<link rel=&quot;shortcut icon&quot; href=http://www.chinaz.com/web/2007/0531/"/favicon.ico" type="image/x-icon"/>[/td]
        [/tr]
   
[/table]


过渡型兼容表格、标识等,对于初学者来说,选择过渡型就可以啦!


设定一个名字空间


在DOCTYPE后面添加如下代码即可:

以下为引用的内容:
不精确的写法:<input &hellip;&hellip; checked/>
<html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;>


Xmlns是XHTML namespace的简写,叫做&ldquo;名字空间&rdquo;,平日我们的网页只有<html>,这里为什么会出现xmlns呢?名字空间就是给文档做一个标识,解释这个文档规范是属于谁的。明白了吗?不明白就Pass。


声明说话编码


简体中文网站可定义为:

以下为引用的内容:
< http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot;/>



以下为引用的内容:
< http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;/>




<Head></Head>之间的其他设置


1. 收藏夹小搁笔


制造一个16*16的ico搁笔,定名为favicon.ico,放到网站根目次下,然后把下面的代码放到<Head></Head>之间即可。



以下为引用的内容:
<link rel=&quot;icon&quot; href=http://www.chinaz.com/web/2007/0531/"/favicon.ico" type="image/x-icon"/>
2. 作者与版权信息

以下为引用的内容:
如 &quot; <&quot; 用 &quot;<&quot;表示,&quot; >&quot; 用 &quot;>&quot;表示。


< name=&quot;author&quot; content=&quot;hxstream &quot;/>
3. 站点介绍

[table]
   
        
以下为引用的内容:
< name=&quot;deion&quot; content=&quot;引擎优化168为广大年夜企业供给引擎优化优化办事&quot; />




4. 站点关键词

以下为引用的内容:
< content=&quot;引擎优化,引擎优化&quot; name=&quot;keywords&quot;/>




封闭所有的标签


打开的标签必须封闭,例如<p>www.引擎优化168.com</p>,当然还有一种封闭方法,如:<br/>


属性值用&ldquo;&rdquo;括起来


例如:<img height= &quot;80 &quot;&hellip;&hellip;/>


                                                               
给所有的属性赋值


精确的写法为:<input &hellip;&hellip; checked= &quot;checked&quot;/>


所有的XHTML元素及其属性名称用小写


XHTML是大年夜小写敏感的
缺点的写法为:<TITLE>www.引擎优化168.com</TITLE>
下面,我们就开端对我们的网站进行初级改良:


标准的写法为:<title>www.引擎优化168.com</title>


标签要合理嵌套


不精确的写法:<div><h1>www.引擎优化168.com</div></h1>
精确的写法为:<div><h1>www.引擎优化168.com</h1></div>


特别字符用编码标识


为图片增长alt属性


英文网站可定义为:
alt属性指定了当图片不克不及显示的时刻就镌示供调换文本。
如:<img src=http://www.chinaz.com/web/2007/0531/"/images/logo.gif" alt="引擎优化168为您办事"/>


用构造化的元素输出内容


例如:你想输入三行文本,可以用:

以下为引用的内容:
www.引擎优化168.com<br/>www.引擎优化168.com<br/>www.引擎优化168.com


我建议用下面的方法代替膳绫擎的方法:
< name=&quot;copyright&quot; content=&quot;www.引擎优化168.com,版权所有&quot;/>





以下为引用的内容:
<ul>
<li>www.引擎优化168.com</li>
<li>www.引擎优化168.com</li>
<li>www.引擎优化168.com</li>
</ul>




以上这些规范可以对您的网站进行初级改良,进步引擎对你的网站的评分。看了这个多罗罗嗦嗦的器械,脑筋是不是懵了,喝杯茶,Good Luck!


版权所有:http://www.引擎优化168.com 转载请注明,感谢!
回复

使用道具 举报

窦燕珺 发表于 2016-7-4 03:55:16 | 显示全部楼层
LZ真是人才,教教我如何优化自己的网站
回复 支持 反对

使用道具 举报

疙証屏 发表于 2016-7-4 06:38:26 | 显示全部楼层
这篇网站优化技术文章真心赞
回复 支持 反对

使用道具 举报

咽牢孟 发表于 2016-7-4 08:08:59 | 显示全部楼层
难得一见的好技术贴
回复 支持 反对

使用道具 举报

湮玲 发表于 2016-7-4 10:22:26 | 显示全部楼层
顶顶帝国网络多好
回复 支持 反对

使用道具 举报

祥客 发表于 2016-7-4 13:07:10 | 显示全部楼层
现在找个会优化的真心难,还好找到了帝国网络
回复 支持 反对

使用道具 举报

蕴朗 发表于 2016-8-15 12:11:34 | 显示全部楼层
网站做得挺漂亮的!公司服务态度也不错!我会介绍我身边的朋友以及客户也和他们合作的!感谢!
回复 支持 反对

使用道具 举报

SEO外包 发表于 2016-8-15 15:50:23 | 显示全部楼层
帝国网络服务非常的周到、做事认真 、 按时完成目标 、 从不拖欠 , 口碑好!
回复 支持 反对

使用道具 举报

祥客 发表于 2016-8-15 17:22:22 | 显示全部楼层
服务很不错的一个公司,从签约到服务期间服务一直很好,准备续签了,特别表扬一下给我做竞价服务的小张,她帮我优化以后,效果确实很明显,赞!
回复 支持 反对

使用道具 举报

 楼主| 网站优化公司 发表于 2016-8-16 06:41:09 | 显示全部楼层
在深圳认真服务的网站优化公司已经不多了,帝国网络服务态度非常好,SEO团队也非常专业
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|

GMT+8, 2024-11-21 14:40网络网站优化公司

网站优化公司© 2006-2024 wangzhanyouhua.net Search Engine Optimization By 网站搜索引擎优化公司

快速回复 返回顶部 返回列表