SEO案例:锚文本、关键字、nofollow、Web标准化(二)

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

打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮