网页DIV布局中巧用css优化网站logo

网站利用div+css布局对搜索引擎的优点有很多，那么css同样可以用来优化搜索引擎图片搜索的网站logo图片排名。
对于任何一个网站来说名字是SEO的首选，而H1标签是搜索引擎认为页面上是一个举足重轻的位置，所以我们要把网站的名字放在H1中；问题是代表网站名字的通常是一个LOGO图片，而图片对于SEO来说是不友好的。下面有段巧用css代码设计网站logo图片的。

＜div id="jq-header"＞ 
＜h1＞＜a href="http://www.bbsseo.cn/"＞北京网站优化专业＜/a＞＜/h1＞

　　.jquery的界面做的很棒，SEO也很棒。很显然图片的效果和Html是联系不起来的。上面的一小段html代码是欺骗搜索引擎用的，和显示根本不搭边。那么这里是如何让浏览器渲染出来的呢，大家都能猜到，是CSS，请看下面的一段CSS代码：

#header h1 a{}{
text-indent:-9999em; 
background: url(../images/logo.png) no-repeat; 
width: 116px; 
height: 35px; 
font-size:0; 
display:block; 
border: 0 !important; 
border-bottom: 0; 
}

css样式优化网站logo巧妙的地方分析

　　1. text-indent设定了一个很大的负数值，这个的效果就把Html中的那段文字藏到了您的显示器的左边几百米的地方，用来欺骗搜索引擎的文字就从浏览器的界面上消失了。

　　2. 只有这样还是不够的，还需要让用户从浏览器中看到LOGO图片，在CSS中肯定就是background了，

　　3. 还一个重要的地方就是在logo图片上加一个网站连接。显示一个小手，由于A标签的真实文本已经被移动到浏览器左侧几百米的地方了，所以浏览器不认为背景图片的地方有链接；这时候就用到了下面的width，height，display的设定。