SEO代码优化之:规范HTML源码

网站推广(SEO)    2012-08-28 11:03  

  规范的HTML源代码是SEO最基本的要素,站长们做站平时做站,模板文件一般都是复制来的,对于html的规范性有所忽视,也许对SEO不会产生什么明显的影响,但是能做好的还是尽量做好。下面是规范的HTML源码的一些要点。

  给网页添加DOCTYPE

  什么是DOCTYPE?DOCTYPE是Document Type的简写,明白什么是DOCTYPE了吧!DOCTYPE就是文档类型,用来说明你的HTML或XHTML是什么版本,浏览器会根据您 DOCTYPE中定义的DTD(Document Type Definition)来解释页面代码,可想而知,错误的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">

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

  设定一个名字空间

  在DOCTYPE后面添加如下代码即可:<html xmlns="http://www.w3.org/1999/xhtml">

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

  声明语言编码

  简体中文网站可定义为:

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>

  英文网站可定义为:

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

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

  1 。 收藏夹小图标

  制作一个16*16的ico图标,命名为favicon.ico,放到网站根目录下,然后把下面的代码放到<Head></Head>之间即可。

  

<link rel="icon" href="/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>

  2 。 作者与版权信息

  

  <meta name="author" content="hxstream "/>
<meta name="copyright" content="www.love509.com ,版权所有"/>

  3 。 站点介绍

  



在线留言

我要留言

  <meta name="description" content="诗意代码" />

  4 。 站点关键词

  

<meta content="搜索引擎优化,seo" name="keywords"/>

  关闭所有的标签

  打开的标签必须关闭,例如<p>诗意代码</p>,当然还有一种关闭方式,如:<br />

  属性值用“”括起来

  例如:<img height= “80 ”……/>

  给所有的属性赋值

  不正确的写法:<input …… checked/>

  正确的写法为:<input …… checked= "checked"/>

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

  XHTML是大小写敏感的

  错误的写法为:<TITLE>诗意代码</TITLE>

  标准的写法为:<title>诗意代码</title>

  标签要合理嵌套

  不正确的写法:<div><h1>诗意代码</div></h1>

  正确的写法为:<div><h1>诗意代码</h1></div>

  特殊字符用编码标识

  如 “ <” 用 “<”表示,“ >” 用 “>”表示。

  为图片增加alt属性

  alt属性指定了当图片不能显示的时候就显示供替换文本。

  如:<img src="images/logo.gif" alt="诗意代码"/>

  用结构化的元素输出内容

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

  诗意代码<br/>诗意代码<br/>诗意代码

  我建议用下面的方式代替上面的方式:

  

<ul>
<li>诗意代码</li>
<li>诗意代码</li>
<li>诗意代码</li>
</ul>

  以上这些规范可以对您的网站进行初级改善,提高搜索引擎对你的网站的评分。这些要点大家应该都很了解了,不过有些点还是会被很多人疏忽的,SEO要说做的好的,都是把一些东西做到极致,做到全面。因为本来能关注的点也就那些,所有如果关于html的优化方面,有什么没做到的,赶快补上吧,朋友!