把Web标准化进行得更彻底一点
创始人
2024-07-31 00:20:31
0

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

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

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

 

网页模型

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

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

结构层,就是一些html标签,如

等。

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

表现层,就是CSS文件。为了让搜索引擎看不到这些代码,一般是作为一个CSS文件外调的,如:

  1.  

 

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

 

  1. html, body {  
  2. padding:0px;  
  3. background-image:url(../images/bg.gif);  
  4. }  
  5.  
  6. #logo {  
  7. width:258px;  
  8. float:left;  

 

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

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

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

要做到理解上下文还有理解重点,就必须借助结构层里的html标签。因为这些标签表达了信息的层次。比如

~

表达了是一个标题。

  1.   

 

中的title表达了一个链接的替代描述文字。表达了内容中应该重视的部分。

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

即使DIV+CSS排版的页面,有时候一段内容后的一个

没有关闭,搜索引擎都不能很好的理解网页内容。div+css排版的页面采用嵌套结构也不友好。

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

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

Web标准里化有很多可以利用的东西,文字标签就有等,这些标签分别表达的意思是搜索引擎完全能识别的;还有,title 这个属性不光是可以加到标签里的,还可以加到等标签里的,你要是弄个关键字密度什么的,这些标签里完全可以利用起来;加粗文字还可以用标签……甚至

标签都还有一个summary属性可以加内容的。

还有很多SEO人一直没有关注的“微格式”。 ( “微格式”维基百科的解释。(http://en.wikipedia.org/wiki/Microformat) )

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

 

  1.  

 

(这是wordpress系统自带就有的。)

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

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

【编辑推荐】

  1. DIV+CSS的好处和意义
  2. Div+CSS常见错误总结
  3. 老Web前端设计者谈对div绝对定位的心得
  4. div+css牛人也得看的15个css
  5. HTML5中div section article的区别

 

相关内容

热门资讯

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