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