把网站的文字标题换成了图片logo,没有直接在皮肤主题文件的header.asp中直接插入图片logo,然后再为其加上超链接,这样不利于网站的seo;而是,在css样式表(style.css)中找到网站标题所应用的div样式(一般是#title或.title),为其添加a和a:hover行为,再将logo图片作为背景添加上去,最后再加上text-indent属性,代码如下:
#title a {
margin:5px 10px;
background:url(images/logo.gif) no-repeat 0 0;
width:108px;
height:50px;
display: block;
text-indent: -9999px;
outline: none;
}
添加“text-indent”属性的目的就是要隐藏文字标题,让logo图片完美显示,不然的话文字会显示在图片上面,很影响美观。
虽然,网站标题对应的文字在浏览器上被隐藏了,但实际上对于搜索引擎来说它看到的仍然是标题所对应的文字,看不到图片logo,而我们自己在浏览器上看到的图片对搜索引擎来说等于空白,可以忽略不计,不相信的话可以在手机上使用UCWeb浏览器打开本站,头部显示的不是logo图片,而是文字效果。或者查看网站源文件,查找一下网站的logo,并没有,只能找到网站文字标题。
写在最后,不管是对网站访问者来说,还是对搜索引擎来说,这样做都是“味道棒极了”,这种“他好我也好”的事情我们又何乐而不为呢!这是一个非常值得关注的问题。
说得很好