Seo 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标准化会有很多技巧,这就是其中一个。还有更多技巧大家可以去发掘。