鲨鱼网
谈web标准和seo关系（一）
创始人
2024-07-31 14:21:46
0次

SEO，最终做的是用户，做的是思想，做的是理念，做的是思维。下面分析SEO和WEB标准的关系。

两年前，我开始接触seo，那时候的学习热潮让我逛遍了国内大大小小的论坛和博客,把那些不知道是否有用或者无用的方法全用在了我的实践中，但是随着学习的深入。我对网上流传的各种方法产生了怀疑，当人尽皆知的发外链，写软文，堆关键词等等方法用尽后，我黔驴技穷，在排名上和流量我还是斗不过人家，同时也不得不反思SEO更深层次，更有效的操作方法,在经历了无数次的迂回之后，我回到了我的老本行“程序和前端开发”,似乎一夜之间豁然开朗，我现在所做的不正是***的SEO吗？

诚实的说我的学习是比较封闭的，我没有达到“***的SEO就是无SEO”的境界，也没有非常牛B的SEO实践经历，我常常思考的是如何把我现在的工作更好的融合到SEO中去，如果现在要我给SEO一个定义，那就是：网络+硬件+程序+站点结构+web标准+内容+人,网络人很多人都在讨论“内容为王”的概念，却忽视了其它的很多的因素。如果将这些因素都详细解说一遍。估计可以出一本很厚的书了，这篇文章只想与大家分享WEB标准对seo产生的影响。

正文开始：

要了解web标准和SEO的关系，必须得先了解什么是"web标准"，估计大家去网上查了非常多的解释文档，还是有点雾里看花，似懂非懂的感觉,我不想从网上抄一段话过来给大家，这样最终还是无法理解，要理解web标准，还得从构建一个基本的网页开始讲起：

例如：我要写一个最简单的网页，必须要使用html标记，比如：我要强调文字，我得用标签，我要改变文字颜色，我得再加一个的标签,我想另起一段，得用<>标签，我不可能用这个毫无意义的标签来强调文字，因为根本没有这种标签，浏览器也无法解析，于是W3C(万维网协会，一个组织机构)就站出来了，对全世界互联网从业者说：“大家都提点意见，我们来把这些标签统一下，哪个能用哪些不能用；然后大家再给这些标签一个统一的，合理的解释，让大家明白这些标签是用来做什么用的”，经过无次数讨论之后。于是乎最终出台了html 1.0标准，经过后来的不断的修改和更新，渐渐有了更多的网页标准,如html 2.0...html 4.01，到现在大家网页中最常使用的xmhtml1.0/1.1，以及还未正式出台的xmhtml 2.0标准，标准的更新都是向前兼容的，我们在制作网页的时候，网页顶部通常有这样一句话：

  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"   
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

这个实际就是定义了你的文档模型，是用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是这样写的

  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3.  
  4.  
  5. demo 
  6.  
  7.  
  8. 正文内容
     
  9.  
  10.  
  11. 标题
     
  12. 内容
     
  13. 内容
     
  14.  
  15. 内容 
  16.  

那么这段代码是否符合web标准呢，我们再来分析这些代码，***行你定义了你的文档类型是xhtml 1.0，也就是说你的所有html标签的写法必须遵行这个标准，在body内的***个

标签中,font标签已经在这个标准中被弃用了，color属性也在这个标签中被弃用了,所以这段话不符合web标准，再来看标签，它的align属性定义了图片的对齐方式，但缺少了alt属性，在xhtml 1.0标准中，img是必须定义alt属性的.所以这段代码也不符合1.0的标准,再看dl标签,dt定义了标题,嵌套了

标签，根据xhtml 1.0的定义。

标签中不允许嵌套

标签,所以同样也不符合1.0标准,再看***一个标签，谢天谢地。这个标签终于符合web标准了。但是w3c已经说了。我们暂时保留这个标签的意义。不过还是推荐大家使用标签，这个语义性更强。在后面新的标准中，我们可能取消标签做为标准标签。关于html标准的约束请大家查看相应文档。

说到这里。我想大家都明白了。这个页面连xmhtml 1.0标准都不符合，那么肯定也不符合web标准了，至于符不符合web标准，完全在于你定义的版本.但是这段段码在浏览器中是可以正常解析的，因为我们前面说过，标准都是向前兼容的，只是不符合你现在所定义的标准而已。

那么我该如何让这段代码符合我的web标准呢。只有两种办法：

1.降低你的文档模型的标准（这样可能带来更多的麻烦）

2.重新修改你的代码,比如把颜色放到style属性中,img加上alt属性.

相比起来，我们更愿意选择第二种.

网络上有一种解释：web标准=div+css.不能用table布局.看了上面的文章，我们不难理解。这个概念纯粹是混淆视听.以偏概全.不能说table布局的网页就不符合web标准，w3c从来没有定义过用table布局就不符合标准。

标签一直都是各个版本的标准标签。虽然我们都是用div来布局,但我们要明白：别人推荐的做法不等于标准.

下篇将与大家探讨web标准与seo的关系！！

【编辑推荐】

  1. SEO菜鸟需要掌握哪些基本SEO技巧？
  2. 做SEO我们不能忽视的人 竞争对手的力量
  3. SEO技术除了做关键词流量还做什么
  4. SEO工程师收集数据的方法
  5. SEO实战 谈目标关键词的选取

上一篇：如何让插件加载到Qt Designer

下一篇：Qt 4.5 开发环境及安装

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下，MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中，总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日，全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”，作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代，病毒游走于系统之间，偶尔删除文件（但被删除的文件几乎都是可恢复的），并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
2009 IBM动态架构新动力...
通过 XML 进行内容发布
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站，直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址，解救无法享受D... 在安装了DHCP服务器的局域网环境中，每一台工作站在上网之前，都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis，... 关于 SQL 和 ORM 的争论，永远都不会终止，我也一直在思考这个问题。昨天又跟群里的小伙伴进行...