seo优化的细节--关于一个css应用

　　seo优化的细节--关于一个css应用

　　对于任何一个网站来说名字是seo的首选，而h1标签是搜索引擎认为页面上最重要的文字部门，所以我们要把网站的名字放在h1中；问题是代表网站名字的通常是一个logo图片，而图片对于seo来说是不友好的。请看下面jquery的首页的logo部分的图片和代码。

　　<divid="jq-header">

　　<h1><ahref="abcdjquery.com/">jquery:thewriteless,domorejavascriptlibrary</a></h1>

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

　　#jq-headerh1a{

　　text-indent:-9999em;

　　background:url(../images/logo_jquery3.png)no-repeat;

　　width:116px;

　　height:35px;

　　font-size:0;

　　display:block;

　　border:0!important;

　　border-bottom:0;

　　}关键的地方有三处：

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

　　2.只有这样还是不够的，还需要让用户从浏览器中看到logo图片，在css中肯定就是background了，注意url()括号里面的内容可以用引号也可以不用，如果不用的话就可以省掉俩字符.-:)

　　3.光有上面的两步还是不够的，我们还需要让用户的鼠标放到logo上时的表现像放到一个链接上，显示一个小手，由于a标签的真实文本已经被移动到浏览器左侧几百米的地方了，所以浏览器不认为背景图片的地方有链接；这时候就用到了下面的width，height，display的设定。

　　分析到此为止，细节有时候很重要。谢谢你的光顾。

　　请尊重作者的劳动，转载请保留链接：草根seo,莆田seo.