吓我一跳

前几天把博客的文字标题换成了图片logo，没有直接在Wordpress主题文件的header.php中直接用<img>插入图片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，并没有，只能找到“吓我一跳”这个标题。

写在最后，不管是对网站访问者来说，还是对搜索引擎来说，这样做都是“味道棒极了”，这种“他好我也好”的事情我们又何乐而不为呢！不管是Wordpress用户还是其他网站，这都是一个非常值得关注的问题。