<tbody id='v54is4kp'></tbody>

    <small id='umbqsffk'></small><noframes id='yrteeaxu'>

    <tfoot id='9wht6psi'></tfoot>
    <i id='xrgsz96a'><tr id='793dbnh0'><dt id='6uhzw6r8'><q id='9tt37tky'><span id='e9qau2ta'><b id='36mn5aky'><form id='nb80q2a4'><ins id='xwau1pwh'></ins><ul id='r47ysq0w'></ul><sub id='106csyl0'></sub></form><legend id='ymwqdzum'></legend><bdo id='mtayn3o0'><pre id='4maziye9'><center id='mnn8hg54'></center></pre></bdo></b><th id='bdfomfhh'></th></span></q></dt></tr></i><div id='q13hqxxr'><tfoot id='q01fm78u'></tfoot><dl id='nvf0c39x'><fieldset id='7lhwdiis'></fieldset></dl></div>
    • <legend id='nv3412lt'><style id='cf7ryup6'><dir id='ut2bryb3'><q id='saicje4q'></q></dir></style></legend>
    • 网站建设公司当前位置 : 网站建设公司 > 知识普及

      CSS关于SEO优化的细节

      发布时间:2021-08-25 10:41   浏览次数:次   
      对于任何一个网站来说名字是SEO的首选,而H1标签是搜索引擎认为页面上最重要的文字部门,所以我们要把网站的名字放在H1中;问题是代表网站名字的通常是一个LOGO图片,而图片对于SEO来说是不友好的。请看下面jquery的首页的logo部分的图片和代码。


       < div  id ="jq-header" >     
          
       < h1 ><  href ="http://jquery.com/" > jQuery: The Write Less, Do More JavaScript Library </ a ></ h1 >
      .
      jquery的界面做的很棒,SEO也很棒。很显然图片的效果和Html是联系不起来的。上面的一小段html代码是欺骗搜索引擎用的,和显示根本不搭边。那么这里是如何让浏览器渲染出来的呢,大家都能猜到,是CSS,请看下面的一段CSS代码:
        #jq-header h1 a {} {
          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的设定。
        • <tfoot id='yx4kmjvc'></tfoot>

        • <small id='fdo3woxd'></small><noframes id='ns0s8r00'>

          <legend id='l7bf2b8c'><style id='60evx1lk'><dir id='k9fj2921'><q id='fiuvxijs'></q></dir></style></legend>
            <tbody id='ag7dr32f'></tbody>

          <i id='6id4xfdo'><tr id='k5jx29el'><dt id='cjm06g45'><q id='9qy1wvmz'><span id='n42azmna'><b id='y8uczjzg'><form id='ywlaulrm'><ins id='fs8sz5f2'></ins><ul id='ff4xorio'></ul><sub id='pdm8ee1m'></sub></form><legend id='k07w6pqo'></legend><bdo id='lppmimos'><pre id='ancsgz14'><center id='n51e24d9'></center></pre></bdo></b><th id='7wmw92ki'></th></span></q></dt></tr></i><div id='sdco6i56'><tfoot id='1gjomlwu'></tfoot><dl id='lcj94wol'><fieldset id='krrn4fj0'></fieldset></dl></div>

            本文来源于网络,若有侵权请联系3449817223#qq.com,将在第一时间删除。

            上一篇:SEO优化技巧2 小程序开发上一篇
            下一篇公众号开发下一篇:SEO详解

          • <small id='icw2e9gw'></small><noframes id='1t35i5g9'>

            <tfoot id='s5t65sqd'></tfoot>
              <tbody id='oge8d1wy'></tbody>

              <i id='psvz3zmy'><tr id='2lgxktp2'><dt id='78pmab64'><q id='9r9c289x'><span id='rjlama1u'><b id='3ed993i8'><form id='lliyhw42'><ins id='mhvznlld'></ins><ul id='0vlenu3d'></ul><sub id='7a4bnud7'></sub></form><legend id='oqnm3crw'></legend><bdo id='q3kffe42'><pre id='f2t914mg'><center id='j3qu6247'></center></pre></bdo></b><th id='3rpghvbr'></th></span></q></dt></tr></i><div id='snl555x0'><tfoot id='iyukymyq'></tfoot><dl id='fb6jljy3'><fieldset id='29p7iixf'></fieldset></dl></div>

              • <legend id='vptdaqa4'><style id='sc5x48xy'><dir id='5jc42s6p'><q id='o4b3a644'></q></dir></style></legend>