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














"顶尖的黑帽&
SEO发展趋势

