SEO案例 文本、关键字、nofollow、Web标准化（二）

上篇谈到了Globalsources是如何应用“锚文本”和“关键字”的。这篇还是讲Globalsources，我们来给它的做法改进一下，看看如何应用“nofollow”和“Web标准化”。

Globalsources的这些SEO优化，全是Stephen在06年指导他们完成的。之后，他们就一直延续了那时候的改造而没有进一步优化。

为了处理“Global Sources Home”这个文字干扰主页内容的表达，它用的是把文字转化成图片的方式。其实就像在上篇的评论中“cm”说的那样，可以保留这个文字，而用nofollow把这个锚文本屏蔽掉的。

不知道大家还记得吗，在“锚文本的重要性”中提到过：一个链接被nofollow, PR和锚文本是不会被传递的。所以，用了nofollow,也是一种不错的解决方法。这样，在大网站的话，和网页设计人员也好交代了。不然，文字图片化在他们看来是很奇怪的做法。这样做不会削弱锚文本对首页的影响力。

在那篇和ZAC的nofollw争论后，有很多人都问我为什么不用robots.txt文件或者 meta robots标签来控制爬虫的抓取。其实，nofollow是这两种方式无法替代的。具体的原因，等你真正打算用nofollow，来查看一个网页上所有的链接的时候就知道。

nofollow的应用，在另一个国外大网站上已经用到了炉火纯青的地步。这个或许以后可以说。

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

Globalsources 在处理logo指向首页的链接中，用的是退而求其次的方法。其实不用退而求其次的，有一种更好的方法，这种方法就是“图片替换”。有比较多的国外SEO人在用。

先看Globalsources的代码，是这样写的：

<a name=”top” href=”http://www.globalsources.com”>  



<img title=”globalsources.com – manufacturers” src=”http://…../SITE/I/GS2.GIF” border=”0″   



alt=”globalsources.com – manufacturers” />  


</a> 

而“图片替换”的代码就是这样的：

1，

<div id=”logo”>  


<a href=”http://www.globalsources.com/”  


title=”globalsources.com – manufacturers”>  


globalsources.com – manufacturers</a>  


</div> 

然后在CSS文件里这样写：

2，

#logo a {  



background: url(http://…../SITE/I/GS2.GIF);  




height:80px;  




width:300px;  




text-indent:-1000px;  



} 

这样的做法，是先做一个完美的“内容层”和“结构层”给搜索引擎看。代码1中，既有锚文本，又有title属性。而不像原来一样是没有锚文本的，只有title属性和alt文本。

代码2是一个“表现层”，text-indent:-1000px; 的意思把文字偏移到屏幕的一千个像素以外。用户看不到那些文字的。然后把那张logo图片作为这个<div>的背景。把原来那个的logo图片放在CSS里来了。这样在外观上和原来是一模一样的。这种做法完美的平衡了用户体验与SEO。

这里有一个问题，就是google认不认为这个是作弊的方法。因为这个好像是隐藏内容，用户看到的和搜索引擎看到的不一样。这个担心确实有点道理。不过暂时来看，这个方法要应用得当，是没什么负面影响的。