web标准与SEO的关系


web标准与SEO的关系

这一节将涉及到更多的网站技术问题,一个优秀的SEO工程师需要对网站技术有一定的了解,网站技术包括前端,后端,数据库及服务器构成,本篇文章主要将的是前端代码的搜索引擎优化,那么在进行优化之前,首先得熟悉前端网页的构成,这些网页构成需要遵循什么样的标准,这些标准哪些地方会对SEO有影响。

什么是web标准

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。我们来简单了解一下这些标准:
web标准.jpg

1.结构标准语言
(1)XML

XML是The Extensible Markup Language(可扩展标记语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0,参考(www.w3.org/TR/2000/REC-XML-20001006)。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了,网上有很多资料,也有很多书籍可以参考。

(2)XHTML

XHTML是The Extensible HyperText Markup Language(可扩展超文本标记语言)的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0(参考http://www.w3.org/TR/xhtml1)。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。

2. 表现标准语言
CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2(参考http://www.w3.org/TR/CSS2/)。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。

3.行为标准
(1)DOM

DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范(http://www.w3.org/DOM/),DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。

(2) ECMAScript

ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言(JAVAScript)。目前推荐遵循的是ECMAScript 262(http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM

web标准与SEO的关系

从SEO的角度来讲,一个网页应该是包括四个层次,内容层,结构层,表现层以及行为层。

内容层是由我们的编辑人员或者用户产生包括文字信息,声音信息,图片信息以及视频。内容是搜索引擎最终要索引的,一个没有内容的网站,自然无法带来流量,因此当SEO工程师要提升流量的时候首要考虑的就是你网站是否有内容,网站提供什么样的内容给用户,对于搜索引擎来讲,创建内容也需要遵循一定的内容质量标准,如果有内容但是内容不符合质量标准也无法带来流量,关于符合搜索引擎需求的内容质量标准可以参考这篇文章:百度网页搜索质量白皮书:内容质量标准。遵循此质量标准,创建更多符合用户需求的内容,自然会获取应该获取的目标流量。

怎么表达内容以及表达什么样的内容同样重要,这就是结构层,结构层更多的是怎么表达这些内容,在表达内容的时候我们用的是超文本标记语言xhtml,当我们要表达网页的标题的时候用的是<title></title>标签,当我们要表达文章的标题的时候用的是h1-h6标签,关于h1-h6标签的使用方法参考这篇文章:影响网页排名之:正确使用H标签(Heading标签),当我们要表达这是一个段落的时候用的是p标签,加粗用strong,锚链接用a等等,这些用法都是遵循xhtml标准的,搜索引擎在解析内容的时候也会遵循这些标准,搜索引擎认为网页标题和文章标题是最重要的,会给在这些标记里面的关键词给予更高级别的权重。做了很多年的SEO工程师对这些东西会非常的了解,他们优化的网站不会出现这些低级的错误,但是一个没有SEO工程师的公司,他们的前端工程师也不重视遵循web标准,那代码会非常的奇怪,本来应该用标题h1标签的地方他们不用,或者很多地方都用h1标签,这真是不可思议。那我们怎么知道我的代码是否遵循web结构层标准了呢,请参考这个网页http://www.w3school.com.cn/tags/index.asp 。这就是为什么很多公司招聘SEO工程师的时候要求精通HTML语言了。

表现层的代码是CSS,CSS是HTML页面的视觉处理,样式表定义如何显示 HTML 元素,就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。

下面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素。
在这个例子中,h1 是选择器,color 和 font-size 是属性,red 和 14px 是值。
h1 {color:red; font-size:14px;}

下面的示意图为您展示了上面这段代码的结构:
web标准之CSS标准.gif

h1代表这是标题,CSS能控制标题字体的大小和颜色。有时候前端工程师不遵循web标准的时候,为了表示字体的大小就会采用h标签,而不是用CSS来控制。

行为层是用脚本语言JavaScript来进行控制,JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。百度搜索引擎不会索引在JavaScript中的内容,因此当你的内容是重要的,需要被搜索引擎索引的,这时候你就不能用JavaScript语言来标记。了解更多关于JavaScript编程规范请参考这篇文章:http://www.blueidea.com/tech/web/2010/7890.asp

在结构层,表现层,行为层这三个层次中结构层对搜索引擎来讲是最重要的,很多标记语言对搜索引擎来讲都是非常重要的,这在后面会再专门探讨。
已邀请:

水边阿迪丽娜

赞同来自:


很长,学习了。

要回复问题请先登录注册