Seo教程: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认不认为这个是作弊的方法。因为这个好像是隐藏内容，用户看到的和搜索引擎看到的不一样。这个担心确实有点道理。不过暂时来看，这个方法要应用得当，是没什么负面影响的。

因为这个方法其实一开始是网页设计人员为了更好的web标准化而做的。此方法由来以久而且比较多的网页设计人员在用。在08年11月份，有人咨询过google的工程师，这个方法，在技术上不会被列入作弊的范围的。但是如果你恶意应用，还是会被认为作弊。比如在里面写一大堆东西，或者用来隐藏一篇文章等等。

这种“图片替换”的思想就是把“内容层”的无关因素移到“表现层”。然后想办法怎么在“内容层”和“结构层”更好的表达信息给搜索引擎看。我上次说的web标准化会有很多技巧，这就是其中一个。还有更多技巧大家可以去发掘。