2.2.1 换位思维:设想自己是搜索者,注重用户体验
互联网最早出现的时候,很多网站都是美术设计家的手笔。他们将之前展示在画报、杂志、广告上的内容,凭借他们先天的优势搬到网上建成了网站。这些网站的设计以“美”为指导思想,但更多的是以设计者认为的“美”为标准,忽视了用户的体验;这被称为第一代网站设计思维。网站结构的组成,应该是以使用者为考虑对象,而不是设计者的偏好。因此,按照设计者的审美观来组织的网站常常不能被用户所接受。正如《优秀网页设计速查与欣赏》中指出的,“很多设计师只注重布局、文字、色彩等基本设计要素,而从不考虑自己设计的网页是否能给用户带来最适合的使用体验”。
知道了搜索引擎重要的中介作用后,设计者可以通过设想自己是个搜索者,是如何在搜索引擎中寻找和你网站相关的信息的。这个设想的方法和实践,可以先从网站所涉及的关键词着手,按照关键词的流行程度组织相关内容网页的次序。
最重要的关键词,一般放在主页。这个反向考虑网页重要性来给网站的设计结构提出参考的方法,就是换位思维。这个和传统的设计网站结构的方法,例如,公司简介、产品介绍、客户服务等排列方式不同。换位思维得出的网站结构,能更接近搜索者,也就是潜在的消费者。另外,按照这个逆推出来的网页主次安排,对网站重要性不同的网页获得相应的网站价值,比如google的PR值有实践意义。这就是网站设计的第三代思维。
2.2.2 选个好域名
虽说将关键词置于一个域名对一个网站的排名是否真的有帮助,这样的做法还是值得推荐的。比如,你要建立一个北京奥运会相关的网站,那么就一定会将Olympics取在域名之中。有些搜索优化人士做过分析,发现google对含有关键词的域名的网站比较留心,在一些搜索结果中,这些网站获得了比较高的位置。这样的域名选择也能使得访问者比较容易记住,对传播网站的知名度也有益处。
2.2.3 站内链接不可小视
提到链接,许多人马上想到的是和其他网站的链接。做搜索引擎优化的人士非常积极地从其他网站添置指向自己网站的链接,即导入链接。导入链接的增加会对网站的价值提升有帮助,但是网站内部链接也是受到搜索引擎的重视的。
站内链接的合理建造是搜索引擎优化的重要技术之一。它的优化能使网站整体获得搜索引擎的价值认可,尤其是google。这个优化措施主要是建立方便、直接、全面的浏览导航链接,使每一页有序地首尾相接。第二个方法是建立站点地图,将所有的网页分门别类地列举出来,使搜索引擎非常容易地知道网站的结构,依照这个地图访问各个网页。
2.2.4 摒弃使用框架
下列是google是否能将带框架(frame)的网站收入索引的一段回答:
“在力所能及的前提下,google尽可能对框架提供支持。框架可能导致搜索引擎出错,因为框架不符合网络的概念模式。在网络模式下,一页只能显示一个网址。而使用框架的网页在一个单页中显示几个网址(每种框架一个)。如果google确定用户的查询内容与网页总体匹配,google将返回全部框架组。但是,如果用户的查询内容与大框架组中的某一个框架匹配,google只返回此相关的框架。在这种情况下,此网页的整个框架组不会显示。”
2.2.5 使用CSS和外置
CSS全称为Cascading Style Sheets,中文称为网页样式表。网页样式表用形象的话来描述就是将网页的规范“一气呵成”。Cascading在英文计算机语言中是指对命令的一环扣一环的统一设定。通过CSS,网页可以遵循统一的文字格式,在不影响网站结构的情况下使得各个网页的文字体现符合设定的规范。CSS对大型网站的多人编辑非常有用,以确保网站制作的格式统一。
在搜索引擎优化中,可以通过CSS将难看、冗长的JavaScript等置于网页之外而以链接方式引入使用,还可以将网页开头的一些不重要的编码移到网页末尾,以便搜索引擎快速阅读中心内容。这样不仅能给网页减肥,而且能使搜索引擎优化中可以对重要标题给予修饰的同时却不影响网页美观。
CSS对网页的一个重要益处是制定heading(题首)。在网页中,我们需要将段落的标题用题首标签来表示,以特别提醒搜索引擎这个标题很重要。这个标签叫、
、
、
、
、
。比如:
其中的字体一般很大,这样在网页中往往占据很大空间,感觉很不协调。通过CSS来固定,
可以成为较小的字体,而依然显示为
上面的就可以这么设定:
H1 {font-family:Arial;size:14px;color:#00FF00;font-weight:bold;}
H2 {font-family:Arial;size:12px;color:#00FF00;font-weight:bold;}
H3 {font-family:Arial;size:11px;color:#00FF00;font-weight:bold;}
H4 {font-family:Arial;size:10px;color:#00FF00;font-weight:bold;}
H5 {font-family:Arial;size:8px;color:#00FF00;font-weight:bold;}
H6 {font-family:Arial;size:8px;color:#00FF00;font-weight:bold;}
通过这个设定,我们可以将这个CSS编码做成外接的文件,不出现在网页中,以减轻网页的重量,使搜索引擎尽快地接触到网页内容,同时可以使得网页显现的速度加快。以上这段CSS可以被命名为,比如叫style.css的文件。在网页中,我们只要建立一个链接就能让它发挥作用:
2.2.6 外置JavaScript
一个网页因为一些特殊的效果,比如大家所熟悉的下拉式菜单,MouSEOver图片随鼠标自动转换效果等是由一段JavaScript来写成的。这一段程序往往很长,特别是遇到不止一段的程序连接在一起的时候,会有几十甚至上百行的编码。这些编码普遍被网页设计者放在网页之中给浏览器阅读和启动。比如下面一段MouSEOver很长的编码放置在
if (document.images){
var load="no;"
var image1status="About Us";
var image2status="Products & Services";
var image3status="Subscribe";
var image4status="Trigger Call";
var image5status="Affiliate Programs";
var image6status="Worldwide Rates";
var image7status="Report Problem";
var image8status="Frequently Asked Questions";}
if(document.images){
image1on=new Image();
image1on.src="images/lnav/about_us_on.gif";
image2on=new Image();
image2on.src="images/lnav/products_services_on.gif";
image3on=new Image();
image3on.src="images/lanv/subscribe_on.gif";
image4on=new Image();
image4on.src="images/lnav/trigger_call_on.gif";
image5on=new Image();
image5on.src="images/lnav/affiliate_programs_on.gif";
image6on=new Image();
image6on.src="images/lnav/worldwide_rates_on.gif";
image7on=new Image();
image7on.src="images/lnav/report_problem_on.gif";
image1off=new Image();
image1off.src="images/lnav/about_us_off.gif";
image2off=new Image();
image2off.src="images/lnav/products_services_off.gif";
image3off=new Image();
image3off.src="images/lanv/subscribe_off.gif";
image4off=new Image();
image4off.src="images/lnav/trigger_call_off.gif";
image5off=new Image();
image5off.src="images/lnav/affiliate_programs_off.gif";
image6off=new Image();
image6off.src="images/lnav/worldwide_rates_off.gif";
image7off=new Image();
image7off.src="images/lnav/report_problem_off.gif";
load="yes";
}
function imageOff(imgName){
if (load=="yes"){
if (document.images){
document[imgName].src=eval (imgName+"off.src");
windows.status=" ";
}
)
}
function imageOn(imgName){
if (load=="yes"){
if (document.images){
windows.status=eval(imgName + "status");
document[imgName].src=eval(imgName + "on.src");
}
}
}
搜索引擎要跨越这么多行才能接触到正文。这个使得搜索引擎很吃力地阅读网页,而且使网页的文件变得很大,影响网页显示的速度。因此,我们完全可以将这段编码保存为一个外置的文件,命名为jseffect.js,而在网页的
经过这个外置处理,这么长的编码缩短为一行,极大地优化了搜索引擎阅读网页的过程,因为搜索引擎对这段编码是没有任何兴趣的。这个编码的外支处理的另一个好处是,如果每页或者许多页都使用同样的JavaScript效果,只要更改jseffect.Js这个文件,那么全部调用它的网页都得到更改,大幅提高网站维护效率。
最近的研究发现,一些搜索引擎已经知道JavaScript是它们不需要去看的内容,因而在网页中遇到这些JavaScript的时候就干脆跳过。但是,如果你的网页的某些内容显现是依靠这些JavaScript的运行而实现的,如果读者的浏览器启动这些编码失败,那么搜索引擎也将读不到网页的内容或者错过一部分内容。
2.2.7 动态网页静态化
现代网站的许多网页都是采用一些编程语言和数据库结合的方法来进行的。这个数据库就是存储网站信息的仓库,怎样读出这个仓库的内容是要靠计算机语言来调动的。这样就出现了一些如下的网页的出现形式:
http://www.xyzcompany.com/sr/javasr/search.do?BV_UseBVCookie=Yse&vertical=CLTH&cat=computer&subcat=parts&displayTarget=Subcategory
http://www.xyzsite.com/cd/fp/prod/0,,1_2_62358_63887_630435_168692_5:view=-1,00.html?CM_MERCH=PAGE_566249&sid=62643170865-0088104670
这样的网页,我们称为动态网页。动态网页会使搜索引擎望而却步,因而很不容易在搜索引擎上获得排名。为什么呢?因为这些网页的实质信息是存储在数据库里面的,只有在一个用户来访问的时候通过变量的选择,网页才生成。用户,是知道怎么选择一个变量的,比如选择一个城市。但是,搜索引擎不是人,它不会选择变量,所以网页生成不了,搜索引擎空手而归。
像google这样的搜索引擎也不情愿阅读带有问号(?)或者其他数据库的字符(#&*!%)的URL,因为那个很可能是陷阱,或者是死循环,将损害搜索引擎探测器的工作。所以,探测器在程序设计中能发现并回避动态网址。
因此我们需要将这些网页变成静态的,如:
http://www.xyzcompany.com/vitamins/men/elderly/123456
可以有两种办法来使得搜索引擎能够吸收原本属于动态网页的内容。
第一种办法是制作大量的静态网页,并且将它们链接到相应的动态页。这样在搜索引擎来访动态页之前,静态页已经将动态页启动出现。这种方法很简单,通过一个目录表就可以实现。虽然搜索引擎不能完全抓住动态页的内容,但是也能抓住大部分。
第二种办法是使用一个软件将动态URL转化为静态URL。例如Exception Digital Enterprise Solutions公司的XQASP软件将问号(?)和“&*”等字符清除。
转化前:http://www.xyzwebsite.com/vb/scripts/ShowCode.asp?lngWId=3&txtCodeId=769
转化后:
http://www.xyzwebsite.com/xq/ASP/txtCodeId.769/lngWId.3/qx/vb/script/ShowCode.htm
如果用Cold Fusion来制作的URL中有“?”,那么重新调整服务器之后,将“?”变成“/”就很简单地转化了。
2.2.8 处理Flash的使用
现在许多网站采用了Flash动画,使网站变得很精彩。不幸的是,搜索引擎却没有办法享受这个精彩,它还只能看文字。因此,为了照顾搜索引擎,也为了使你的网站能在搜索结果中取得优秀排名,尽量少用Flash。
如果非用Flash不可,例如游戏网站等需要Flash来增强视觉感受,可以考虑再设计一张不含有Flash的纯文字版网页,并链接原来的Flash网页。另外的方法是,在Flash不多的情况下,可以在同一页面上增加一些文字说明。还有,不要用Flash来作为链接源头,而应该使用文字。
2.2.9 图片大小的处理
网站上的图片比文字要显示得慢,所以搜索引擎优化要求图片的文档大小尽量限制在最低。如果你的网站背景或者页面上有太多、太大的图像,搜索引擎探测器会花太多的精力来阅读。这样会使得搜索引擎不能完全抓获网站的内容,最终影响网站在搜索结果中出现的几率。
在给图片减肥的同时,我们希望给图片的
2.2.10 避免使用图片来做链接
有时候,使用图片来代替文字作为链接的源头艺术感比较强。这个对网站访问者来说是欣然接受的。但是,搜索引擎是不认识图片的,它们只认识字。因此,为了让搜索引擎知道链接导向的网页是什么,请用包含关键词的“链接源头文字”来做导向。
2.2.11 怎样缩短冗长的URL
短的URL是否比长的URL更能得到比较好的排名呢?这个是有争议的问题。不过,根据不少搜索引擎优化者的经验,短的总比长的有优势。就长度而言,如果保持在65个英文字母之内就是最理想的了。
缩短长的URL,需要对网站结构进行优化的调整,避免不必要地设置过多层次的目录,而力争简洁地尽可能将网页集中化。一般认为,网站的层次近可能不要超过三个。过深的网站结构使搜索引擎访问吃力,许多内容不能被收录。
2.2.12 404错误页设置
网站设计中,出现错误页是常见的。但是,这个错误页我们也需要将它定制成一个缺省页,导引访问者继续访问网站,而不要让它成为空白的——“对不起,您访问的网页不存在”。方法如下:首先设计一张网页,建议和主页的格式保持一致。将这一页命名为404.htm。然后上传到网站的根目录,如www.xyzcompany.com/404.htm。修改你的.Htaccess文档,写入:ErrorDocument 404 http://www.xyzcompany.Com/404.htm。上传这个文档至根目录。如果没有这个.htaccess,可以用TextPad来写成.htaccess.txt文件,上传,然后在服务器的文件存放处将.Txt这个后缀删掉。
