把Web标准化进行得更彻底一点

国平 发表在 SEO策略 于 2009年,七月 5th | 44 个回复

说起Web标准化，大家马上就想到DIV+CSS网页布局。用DIV+CSS做网页布局的优点至少包含以下这些：对开发人员可以减少开发和维护成本，对网站可以减少服务器带宽消耗，对用户可以提高加载速度，对搜索引擎可以有利于内容索引。

DIV+CSS是Web标准化的一种体现。但是不要认为只要把网站做成DIV+CSS的表现形式就可以了。关于Web标准化在SEO上的应用，还可以走得更远的。

一个网页应用了DIV+CSS排版，就有了以下的一个网页模型。

jiegou

这个网页模型体现在网页代码里面是这样的：

内容层，就是一些纯文字信息，还有一些非背景的图片。

结构层，就是一些html标签，如 <div> 、  <h1> 、   <p>等。

内容层和结构层的内容是搜索引擎能看到的。

表现层，就是CSS文件。为了让搜索引擎看不到这些代码，一般是作为一个CSS文件外调的，如：<link rel=”stylesheet” href=”http://www.****.com/style.css” type=”text/css” />

这个CSS文件里的代码差不多是以下这样的，也可以有图片，做背景用：

html, body {
padding:0px;
background-image:url(../images/bg.gif);
}

#logo {
width:258px;
float:left;
}

在这三层之上的，就是一些负责交互的Javascript文件。也为了让搜索引擎看不到那些代码，是外调的。

转换一下角色，站在搜索引擎的角度想象一下，当搜索引擎分析一个网页的时候，怎么来理解这个网页讲了什么内容呢？

有些所谓的搜索引擎爬虫模拟程序（http://tool.chinaz.com/Tools/Robot.aspx），会把一个网页上所有的文字抓下来，然后看看爬虫看到了什么。其实这是很不科学的。因为光看这些文字，搜索引擎怎么来理解上下文的关系，还有哪些内容是重点？

要做到理解上下文还有理解重点，就必须借助结构层里的html标签。因为这些标签表达了信息的层次。比如<h1>~<h6>表达了是一个标题。<a href=” *” title= > 中的title表达了一个链接的替代描述文字。<b>和<strong>表达了内容中应该重视的部分。

table布局的网页也有这些标签，但在表达信息的时候，它的嵌套结构，还有大量对搜索引擎无效的代码防止了信息层次的表达。

即使DIV+CSS排版的页面，有时候一段内容后的一个</div>没有关闭，搜索引擎都不能很好的理解网页内容。div+css排版的页面采用嵌套结构也不友好。

还有，很多人可能一味的追求关键字密度而不太重视这些标签。其实与关键字密度相比，搜索引擎更关注关键字所处的位置。搜索引擎的对于站内因素的重要性排列充分模仿了报纸的排版。所以，你加了大量的关键词发现排名上升了，可能并不是关键词密度上升的缘故，而是因为碰巧把关键词加在了比较重要的位置。

还有一些人这几个标签应该是注意到了的，但是因为没有从根本的角度去考虑过问题，所以还有很多其他事情没有去做。比如：

Web标准里化有很多可以利用的东西，文字标签就有<abbr>、<acronym>、<cite>、<dfn>等，这些标签分别表达的意思是搜索引擎完全能识别的；还有，title 这个属性不光是可以加到<a>标签里的，还可以加到<abbr>、<acronym>等标签里的，你要是弄个关键字密度什么的，这些标签里完全可以利用起来；加粗文字还可以用<em>标签……甚至<table>标签都还有一个summary属性可以加内容的。

还有很多SEO人一直没有关注的“微格式”。 （ “微格式”维基百科的解释。 ）

通俗的讲，微格式就是一种类似XML的结构化的语义标记。它试图让机器更加容易的理解网页上的内容。现在这种微格式搜索引擎是可以读取的。我这个博客用的是wordpress程序，你现在查看源代码的话就可以看到微格式的一个具体应用。如：

<a href=”http://www.semyj.com/archives/74″ rel=”bookmark” title=”Permanent Link to 几句开场白”>

（这是wordpress系统自带就有的。）

你只要遵照这些标准，开始去应用，慢慢进化，就会发掘很多技巧类的东西。有些技巧我或许以后会在各个章节中体现出来。

把Web标准化进行得更彻底一点，一定让你受益匪浅。


上一篇：
下一篇：


44 Responses to “ 把Web标准化进行得更彻底一点 ”

  1. zouyun 说：
    2009年07月20日 于 17:52

    看完文章想起一句话“内容即会话”，从SE和User的角度出发，页面元素可以尽可能的丰富，那么其实SEO可以拓展的方面就很多。

    回复
  2. SEO案例：锚文本、关键字、nofollow、Web标准化（一）- SEM 一家之言 说：
    2009年07月22日 于 14:21

    [...] 还有，我看到很多人都没怎么关注“Web标准化”这一篇文章。其实这篇文章不是在解释为什么要web标准化，而是这样的：几乎所有的SEO站内优化，最终都要体现在网页代码里，而在网页代码里，“结构层”和“内容层”里的东西如何写是很重要的。 [...]

    回复
  3. SEO案例：锚文本、关键字、nofollow、Web标准化（二）- SEM 一家之言 说：
    2009年07月24日 于 13:00

    [...] 再来看“web标准化”，SEO要在这方面做文章就要时刻想着“web标准化”中的那个网页模型。那个模型不是给网页设计人员看的。 [...]

    回复
  4. anubis 说：
    2009年07月24日 于 16:09

    有时候我觉得在审视网站细节的时候能让自己的思维变的更广阔。

    回复
  5. 小锋 说：
    2009年07月25日 于 09:29

    看你的blog真是享受，已订阅
    期待此类好文章

    回复
  6. 大葱 说：
    2009年07月25日 于 13:45

    真不错.又一好文。

    回复
  7. z 说：
    2009年07月25日 于 14:22

    ZAC是味美的可口可樂
    國平是天然礦泉水

    非常喜歡你寫的：實用而到位。
    每篇關注

    回复
  8. lowkey 说：
    2009年07月26日 于 13:16

    我现在就是在学习DIV+CSS,从你这篇文章中又学到了重点，页面代码和关键词布局。太感谢你了～～

    回复
  9. lowkey 说：
    2009年08月11日 于 15:49

    重头再看一遍，不禁拿笔记下了重点，我想我大概了解你说的意思了。再次拜谢你的分享～～！

    回复
  10. mars 说：
    2009年08月17日 于 08:27

    高人！听君一席话，茅塞顿开！
    期待尽快更新！

    回复
  11. mars 说：
    2009年08月17日 于 08:45

    “div+css排版的页面采用嵌套结构也不友好。”

    不太明白这个是什么意思，DIV+CSS排版不可避免会用到嵌套结构的，父DIV下 嵌套多个 子DIV，博主的博客结构也是如此，或者是我理解有误？

    请教！

    回复
  12. 啊聊 说：
    2009年08月21日 于 15:43

    受益匪浅

    回复
  13. 搜索引擎优化-Simba » 把Web标准化进行得更彻底一些 说：
    2009年09月3日 于 15:28

    [...] 作者：国平 转载：http://www.semyj.com/archives/84 [...]

    回复
  14. shipping 说：
    2009年09月14日 于 21:28

    查看了几个wordpress的网站，包括我自己的，发现博主在文中提到的rel=”bookmark/index/start/pre/next”这个不是所有WP系统自身就附带的，不知博主能否分享该插件；另外，今天才注意到link标签的rel属性具有如此丰富的内容，谢谢分享

    回复
  15. 分词与索引库- SEM 一家之言 说：
    2009年09月21日 于 16:35

    [...] 我建议大家再去看一下《把Web标准化进行得更彻底一点》这篇文章，还有《丰富网页摘要”，让你的网站与众不同》以及《SEO案例：锚文本、关键字、nofollow、Web标准化（一）》和 《SEO案例：锚文本、关键字、nofollow、Web标准化（二）》 [...]

    回复
  16. 搜索引擎优化-Simba » 分词与索引库 说：
    2009年09月23日 于 09:52

    [...] 我建议大家再去看一下《把Web标准化进行得更彻底一点》这篇文章，还有《丰富网页摘要”，让你的网站与众不同》以及《SEO案例：锚文本、关键字、nofollow、Web标准化（一）》和 《SEO案例：锚文本、关键字、nofollow、Web标准化（二）》。那些文章和这篇文章一样，都是在讲同一个问题。 [...]

    回复
  17. 秦剑 说：
    2009年10月13日 于 13:45

    上次做试验 把、之类的标签都用上了，嘿嘿，第二天就降权了，可能我搞得太随便了

    回复
  18. 秦剑 说：
    2009年10月13日 于 13:46

    汗，忘记编辑代码

    回复
  19. 德州扑克 说：
    2009年11月12日 于 22:30

    标准化很重要。

    回复
  20. 大地软件 说：
    2009年11月13日 于 12:25

    最近有点忙,很久没有来看看了!

    回复
  21. ecren 说：
    2009年11月28日 于 22:26

    非常好，我转载了blog.hwpcn.com

    回复
  22. Vekstemsfroft-tool 说：
    2010年01月21日 于 11:18

    lesa allt bloggid, nokkud gott

    回复
  23. tool 说：
    2010年01月23日 于 21:58

    Kiitos mielenkiintoinen blogi

    回复
  24. tool 说：
    2010年01月25日 于 22:01

    olvassa el az egesz blog, nagyon jo

    回复
  25. SEM 说：
    2010年03月31日 于 19:13

    记得以前刚接触SEO的时候常在a5学习，看一些“牛人”的文章。被误导了！还好看了国平的文章开始纠正！

    回复
  26. 红明网络 说：
    2010年04月20日 于 09:13

    这几天一直在看这个blog,每看一次都有不同的收获！

    回复
  27. v 说：
    2010年05月24日 于 07:12

    Lynx能够识别一些html，但是如果文章内有一些html标签，Lynx下就会显示出问题，比如http://www.semyj.com/archives/84这篇文章，因为文中一个的关系后面的内容都置于这个标签里，对一般网页来说描述html标签的机会不多，但是像一个做html教程的网站不可避免要出现很多这种情况，我个人相信，解决了html标签在Lynx下显示问题的站一定会比没解决的站拥有优势。
    所以问题就是，如何控制Lynx将某些html标签当普通内容来看？
    查了很久与Lynx相关的中文内容实在太少了，没找到相关答案，只好请教国平了，谢谢
    另外希望国平推荐一些应该经常关注的国外SEO比较好的地方，虽然英文能力有限，但也要尽量去读一下

    回复
  28. v 说：
    2010年05月24日 于 07:13

    上个评论的“因为文中一个《H1》的关系”没有显示出来《H1》，留言板也把这个标签吃掉了

    回复
  29. div+css和table的加载速度对SEO的影响 | xiaofeng's blog 说：
    2010年06月15日 于 14:30

    [...] 负责阿里巴巴国际站SEO的张国平也提到了要精减代码，将web标准进行得更彻底一点 [...]

    回复
  30. 前列腺炎 说：
    2010年06月27日 于 12:14

    长见识了，以前以为CMS系统内部不需要优化呢，呵呵 但是具体的关键词分布是个问题，期待有这一话题出现。

    回复
  31. haven 说：
    2010年07月9日 于 06:24

    长见识了。

    回复
  32. 铁铮 说：
    2011年05月24日 于 22:58

    现在渐渐觉得代码和网站内部结构才是SEO的关键啊!谢谢在SEO道路上的各位领路人！

    回复
  33. 泉州seo 说：
    2011年05月26日 于 21:57

    丰富网页摘要很有意思

    回复
  34. 电子商务策划 说：
    2011年07月20日 于 20:40

    重新认真的拜读国平大哥的文章，从第一篇开始看，以后确实受到了不少误导啊，看来离科学的SEO还有很多路要走。

    回复
  35. drapider 说：
    2011年08月10日 于 20:28

    跟很多人的感觉一样，感觉以前都被误导了，原来seo可以搞的这么科学的。

    回复
  36. 李立峰 说：
    2011年08月20日 于 12:37

    我是做网页设计的，深深体会web标准化，对网页带来的益处，但看了您的文章后，理解的角度更广，意义更深了一层，谢谢您！

    回复
  37. 去耳畔 说：
    2011年11月8日 于 11:37

    真是不错啊，嘿嘿嘿

    回复
  38. 小光 说：
    2011年11月16日 于 13:36

    所以SEOer懂些开发是很有帮助的。

    回复
  39. 陈安之成功学 说：
    2012年01月19日 于 19:58

    这个要学的东西太多了，尤其不是计算机专业的。
    看来，我还是要守住自己的专业，懂点基本SEO就可以了，代码之类就不学了。

    回复
  40. 红栌温泉山庄 说：
    2012年03月29日 于 18:10

    web标准化进行的彻底一点儿

    回复

发表回复