"顶尖的黑帽&
SEO发展趋势
19
Aug.2009
处理logo指向首页的链接
而“图片替换”的代码就是这样的：
1，
然后在CSS文件里这样写：
2，
这样的做法，是先做一个完美的“内容层”和“结构层”给搜索引擎看。代码1中，既有锚文本，又有title属性。而不像原来一样是没有锚文本的，只有title属性和alt文本。
代码2是一个“表现层”，text-indent:-1000px; 的意思把文字偏移到屏幕的一千个像素以外。用户看不到那些文字的。然后把那张logo图片作为这个
<a name=”top” href=”http://www.0311seoer.cn”>
<img title=”0311seoer.cn – manufacturers” src=”http://…../SITE/I/GS2.GIF” border=”0″ alt=”0311seoer.cn – manufacturers” /></a>
<img title=”0311seoer.cn – manufacturers” src=”http://…../SITE/I/GS2.GIF” border=”0″ alt=”0311seoer.cn – manufacturers” /></a>
而“图片替换”的代码就是这样的：
1，
<div id=”logo”>
<a href=”http://www.0311seoer.cn/”
title=”0311seoer.cn – manufacturers”>0311seoer.cn – manufacturers</a>
</div>
<a href=”http://www.0311seoer.cn/”
title=”0311seoer.cn – manufacturers”>0311seoer.cn – manufacturers</a>
</div>
然后在CSS文件里这样写：
2，
#logo a {
background: url(http://…../SITE/I/GS2.GIF);
height:80px;
width:300px;
text-indent:-1000px;
}
background: url(http://…../SITE/I/GS2.GIF);
height:80px;
width:300px;
text-indent:-1000px;
}
这样的做法，是先做一个完美的“内容层”和“结构层”给搜索引擎看。代码1中，既有锚文本，又有title属性。而不像原来一样是没有锚文本的，只有title属性和alt文本。
代码2是一个“表现层”，text-indent:-1000px; 的意思把文字偏移到屏幕的一千个像素以外。用户看不到那些文字的。然后把那张logo图片作为这个
的背景。把原来那个的logo图片放在CSS里来了。这样在外观上和原来是一模一样的。这种做法完美的平衡了用户体验与SEO。
PPjdslmE 
2010/07/17 01:43
Recommend:led,led lights,led bulb and tube,led lamps manufacturer - LeBao Co., Ltd.iV8BoNBcU{6i2010-7-17 1:51:39
分页： 1/1 
1 
1
