"最好的SEO就是无SEO"确实道出了很多SEO老鸟人的心声.最近在网上看到一些关于web标准和SEO的关系,觉得写的不错,整理转载一下以留翻阅.
要了解web标准和SEO的关系,必须得先了解什么是"web标准",估计大家去网上查了非常多的解释文档,还是有点雾里看花,似懂非懂的感觉,我不想从网上抄一段话过来给大家,这样最终还是无法理解,要理解web标准,还得从构建一个基本的网页开始讲起:
例如:我要写一个最简单的网页,必须要使用html标记,比如:我要强调文字,我得用<strong>标签,我要改变文字颜色,我得再加一个<font color="颜色">的标签,我想另起一段,得用<>标签,我不可能用<jacu>这个毫无意义的标签来强调文字,因为根本没有这种标签,浏览器也无法解析,于是W3C(万维网协会,一个组织机构)就站出来了,对全世界互联网从业者说:"大家都提点意见,我们来把这些标签统一下,哪个能用哪些不能用;然后大家再给这些标签一个统一的,合理的解释,关键词排名优化,让大家明白这些标签是用来做什么用的",经过无次数讨论之后.于是乎最终出台了html 1.0标准,经过后来的不断的修改和更新,渐渐有了更多的网页标准,如html 2.0…html 4.01,到现在大家网页中最常使用的xmhtml1.0/1.1,以及还未正式出台的xmhtml 2.0标准,标准的更新都是向前兼容的,我们在制作网页的时候,网页顶部通常有这样一句话:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> 这个实际就是定义了你的文档模型,是用xhtml 1.0标准去解释的.
但是到了后来网页排版越来越复杂,仅仅是靠这些html标记无法做出漂亮,美观的页面,必须还得辅助一些其它的工具,比如我想让某个图片偏移20px,又或者想文字间隔5px,仅仅靠html实现实在是比登天还难.这个时候W3C又坐不住了,于是乎又站出来呼吁:"我们再定义一些东西可能实现这个功能",在经过无数次的讨论之后,CSS 1.0的标准出台了.用这个可以很简单的实现内容偏移,间隔等效果.经过发展,到后面的css 2.0,css 3.0.所有人在用CSS定义样式的时候,都必须遵循这个标准.
再到了后面,人们又发现仅靠html和CSS还是不完美.它缺乏人机界面的交互,无法实现动态的效果.要是能让网页上的东西动起来就更完美了,于是w3c又出台了emascript标准,他规定了文档对象模型接口.语法等内容.比如大家常用的javascript就是符合emascript标准的.
OK,到了现在一切似乎都完美了.有了html标准,有了css标准,也有了emascript标准,我们终于可以做出很好看的网页了,我们把这些标准收聚在一起,就形成了web标准,那么什么样的网页才是符合web标准的?比如一段html是这样写的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html>
<head>
<title>demo</title>
</head>
<body>
<p><font color="#ff0000″>正文内容</font><p>
<img src=http://sem.cm/seo/"x.jpg" />
<dl>
<dt><h1>标题</h1></dt>
<dd>内容</dd>
<dd>内容</dd>
<dl>
<b>内容</b>
</body>
那么这段代码是否符合web标准呢,我们再来分析这些代码,第一行你定义了你的文档类型是xhtml 1.0,也就是说你的所有html标签的写法必须遵行这个标准,在body内的第一个<p>标签中,font标签已经在这个标准中被弃用了,color属性也在这个标签中被弃用了,所以这段话不符合web标准,再来看<img>标签,它的align属性定义了图片的对齐方式,但缺少了alt属性,在xhtml 1.0标准中,img是必须定义alt属性的.所以这段代码也不符合1.0的标准,再看dl标签,dt定义了标题,嵌套了<h1>标签,根据xhtml 1.0的定义.<dt>标签中不允许嵌套<h1>标签,所以同样也不符合1.0标准,再看最后一个<b>标签,谢天谢地.这个标签终于符合web标准了.但是w3c已经说了.我们暂时保留这个标签的意义.不过还是推荐大家使用<strong>标签,这个语义性更强.在后面新的标准中,我们可能取消<b>标签做为标准标签.关于html标准的约束请大家查看相应文档.
评论(0人参与,0条评论)
发布评论
最新评论