如何做好网站优化css布局的细节问题

　对于任何一个网站来说名字是SEO的首选，而H1标签是搜索引擎认为页面上最重要的文字部门，所以我们要把网站的名字放在H1中；问题是代表网站名字的通常是一个LOGO图片，而图片对于SEO来说是不友好的。请看下面jquery的首页的logo部分的图片和代码。
　　
　　＜divid="jq-header"＞
　　
　　＜h1＞＜a＞jQuery:TheWriteLess,DoMoreJavaScriptLibrary＜/a＞＜/h1＞
  o0 Z, s% c) P: M+ H8 V　　
　　.jquery的界面做的很棒，SEO也很棒。很显然图片的效果和Html是联系不起来的。上面的一小段html代码是欺骗搜索引擎用的，和显示根本不搭边。那么这里是如何让浏览器渲染出来的呢，大家都能猜到，是CSS，请看下面的一段CSS代码：
　　
* `/ d* }& Z% B' ?  `% ^* i  Q　　#jq-headerh1a{}{
　　text-indent:-9999em;
　　background:url（/images/logo_jquery3.png）no-repeat;
　　width:116px;
　　height:35px;
; I$ }+ N! B/ K5 G- O# b1 ]  N8 {! R　　font-size:0;
' e6 ^7 _+ Z7 N1 x7 K/ a% Y* |　　display:block;
　　border:0!important;
　　border-bottom:0;
　　}
# Y& e: f; K1 m4 j& X$ C% _　　
　　关键的地方有三处：
　　
3 `/ L7 R5 a' X　　1.text-indent设定了一个很大的负数值，这个的效果就把Html中的那段文字藏到了您的显示器的左边几百米的地方，用来欺骗搜索引擎的文字就从浏览器的界面上消失了。
　　
8 o* O, d9 p4 b- z3 N( c! ?　　2.只有这样还是不够的，还需要让用户从浏览器中看到LOGO图片，在CSS中肯定就是background了，注意url（）括号里面的内容可以用引号也可以不用，如果不用的话就可以省掉俩字符。-:）
3 S4 r. g* F- M3 |: c" ^1 F& c　　
+ n/ a0 y$ G1 h: a. V/ C　　3.光有上面的两步还是不够的，我们还需要让用户的鼠标放到LOGO上时的表现像放到一个链接上，显示一个小手，由于A标签的真实文本已经被移动到浏览器左侧几百米的地方了，所以浏览器不认为背景图片的地方有链接；这时候就用到了下面的width，height，display的设定。
　　
  A0 [) A3 [3 _3 |0 _　　分析到此为止，细节有时候很重要。
$ S' W' s* |  j, f; c信息来源：简单购-中国，转载请保留链接，谢谢。http://www.cnjdg.com

完全赞同，我也是这么认为的，英雄所见略同～

说得很实在，没有夸大其词，这种真实分享太难得了

刚好遇到类似问题，看完这个帖子心里有底了

这个思路很新颖，打开了新世界的大门，谢谢分享

学习到了，之前一直没注意过这个点，受教了