Web敏捷开发之SEO不是马后炮

2010-10-26
  • 1313
  • 0

看到漂亮的Web页面,不错的用户体验,Cool! 其实还有隐藏在他们背后的东西,却又比漂亮外观更为重要的东西—搜索引擎优化(SEO)。

今天站在Web敏捷开发的角度来谈SEO。如有遗漏错误还请大家指教。

具有SEO特点的用户体验,用户体验是主观的在产品设计过程中建立起来的心理感受,因为是主观的,所以带有一定的不确定因素。Web前台工程师如何让用户和蜘蛛同时都喜欢上你的页面?那么请往下看。

首先说明,我理解的Web敏捷开发是借鉴软件工程上的敏捷开发,鉴于Web有自己的特殊性和平台性,不敢班门弄斧。目的只是想在Web开发大潮上,通过学习前人的经验结合现在的市场环境和客户的需求,高效的创新产出。我认为这才是Web脚本语言的生存之道。

我会根据搜索引擎的演变,而更新以下的内容。依开发流程、重要程度、难易程度排序

一.Web框架

选择框架可以高效、安全开发大型Web应用程序。选择适合您团队的框架,css框架、js库、后台脚本语言框架或者是开源系统(二次开发)。如何选择框架是有争议的,正所谓有得有失,哪款框架最适合您的项目、您的团队最熟悉理解哪款框架。

框架之利

开发效率的提高

代码命名规范

更好的团队合作

解决浏览器兼容性问题

相对容易维护(清晰的代码结构)

框架之弊

团队对框架的接受与学习

限制开发思路

框架本身存在Bug

具体到不同语言的时候,框架同时具有不同的利弊。总的来说,利大于弊。且在项目开发的实际过程中,物力人力资源不会配备的那么充分。要想快速、高效、安全的开发Web应用程序,选择框架是必要的。

二.从技术角度看SEO

XHTML(结构)、CSS(样式)、Javascript(行为)分离——合格的前台工程师

项目开始,在人力资源充分保证的情况下,可以并行开发。我们先来谈谈SEO的结构基础。强调结构化与分离的好处不言而喻。作为合格的前台工程师,要制作结构化、分离、符合W3C标准的静态页面(或带有动态标签的模板页面)并不容易,但这为以后的网站结构打下良好的基础。更能体现您的价值与专业程度。

理解结构化、分离的好处:

XHTML是XML的子集,这符合未来的趋势,您做的结构化页面具有元数据的特性。

XHTML的DOM结构更清晰,CSS与JS的开发、维护更便利。

方便蜘蛛抓取,同时也方便任何脚本语言分析处理。

有准备的告诉您的客户(Boss),我的产出值这个价格。

补充:不要用价格战的方式去赢得项目,这只能让你赚小钱,失大利。

XHTML的权重标签

这是一个让我又爱又恨的话题。如何以不变应万变?搜索引擎对权重标签的理解是变化的,而且是不可测的。在制作页面的时候,参照W3C对标签要有一定的理解,合理地安排使用(而不要滥用)这些标签和内容。下面综合介绍一些重要的标签、标签属性(没有介绍的不是说明他们不重要)、影响SEO的其它因素。

<a>内部链接文字(锚文本)</a>

<head><title>标题内容(元素)</title>></head>

域名与你网站的相关性,这个也非常重要(不属于XHTML内容)。

每段的首句

URL(路径和文件名),url语义跟页面内容相关性

相似度(关键词堆积)与重复内容

每句开头

段落内容中有加粗(斜体等)标签

Title属性

Alt属性

Mate描述

Mate关键词

页面容量的合理化

这里页面容量是指单页面所有元素的大小(kb)。原则是合理的页面容量会提升网页的显示速度,增加对蜘蛛、用户的友好与体验。

重要内容往前方

例如,你在设计XHTML结构时,重要的内容块放在前面。使用CSS的定位和浮动,来布局页面。

比如:把广告注册等盒子放在页脚,通过绝对定位,可以让注册等广告信息浮动到页头上。这些技巧数不胜数。举一反三,合理利用。

三.从编辑角度看SEO

页面标题优化

需要优化网页信息的标题、网站的名称以及相关关键字

Mate标签优化

由于曾经的黑帽行为和滥用,现在已经不是排名优化的关键因素,但是也不能忽略。主要包括说明(Description)和关键字(Keywords)。关键字的密度要适度,在2%-10%之间。

外部链接

外部链接尽可能多的跟本站主题相关,同时尽量同RP值更高的网站进行相互链接。如果网站的导出链接与主题相关,会被搜索引擎认为有丰富的与主题相关的内容,也有利于排名。尽量避免不顾相关性和质量的大面积链接!

重复内容

原创性是人类对价值理解的一个重要因素。故意采集和剽窃造成的重复内容不在探讨的范围之内。主要避免同一个页面有一个以上的URL,当你发现这个问题,有责任告诉你开发部相关的同事。或者学习使用robots.txt和meate标签排除重复内容。

四.从后台开发角度看SEO

静态页面

对于生成HTML页面或带有服务器端缓存的伪静态如何选择,可以根据不同的应用选择不同的方案。比如说,新闻页面相对适合生成HTML,而功能性强的页面比较适合缓存伪静态。

网站的扁平化规则

目录和内容结构最好不要超过三层,如果有超过三层的,可以采用子域名来调整和简化结构层数。另外文件命名规范最好用英文而不是汉语拼音字母。

SEO功能(通过后台编辑XHTML权重标签或属性的值)

在设计后台功能时,预留相应页面内容的SEO数据库字段,能够为编辑人员提供后台编辑权重标签内容的功能。或者可以由SEO专员来设计这些内容的初始值规则。这样可以降低编辑人员的工作量和提高自动化,并同时具有相应的灵活性。在这方面值得一提的是开源程序Wordpress,这是一个高度封装的内容管理系统(通常人们称之为Blog系统),支持插件,可扩展性强。感兴趣的开发者可以对其认真研究一下,学以致用!

站点地图

站点地图分为传统站点地图和搜索引擎站点地图。站点地图为访问站和搜索引擎提供了一种方便的途径,用来从一个站点的位置快速跳转到任何其他页面。它们对访问者来说是很好的导航,对搜索引擎来说也非常有用,原因是它可以帮助蜘蛛更为快速而完全地遍历整个网站。

黑帽SEO

“帽子”术语,是从黑客词典中借过来的。“白帽”搜索引擎营销人员遵守规则,遵循服务条款。他们从来不会盗用别人的成果。“黑帽”范围就要宽得多,不遵循搜索引擎的规则,盗用他人的工作和财产。但在实际工作人员当中,很少有人正好归类于两个“帽子”之一。

了解SEO黑帽

避免HTML插入攻击

正确的转义输入数据

在链接中使用Nofollow属性

避免脚本自动回帖

五.综合看SEO

网站优化、功能开发、用户体验、搜索引擎优化等等,这些都是为了服务于人,Web以人为本。我们不能偏执的说谁好谁不重要。如果网站是一个平台,那么在我看来SEO的本质是一种策略,这需要你对市场和产业的了解。你是编程人员,同时也是搜索引擎营销(SEM)人员。希望SEO在你的项目中不会是马后炮。

慢慢地,大量的IT从业人员由认识到重视搜索引擎优化,就可以看到SEO未来发展促进产出高质量的Web结构化(XML源数据)页面,为未来的云计算、Mashup等创新奠定结构基础。