ウェブサイトのロゴはどのように最適化して、見終わったら必ず


サイトロゴの最適化

  • logoにh 1ラベルを入れ、重みを上げ、検索エンジンの内容に重要な
  • を教える.
  • h 1にリンクを配置し、トップページに戻る機能を提供し、リンクはブロックに変換する必要があり、ラベルに1つのサイズとlogo背景画像
  • を与える.
  • リンクには文字を置く必要があり、文字は表示方法1を必要としない:aラベルに対してtext-indent:-99999 pxを使用することができる;次にoverflow:hiddenを追加します.方法2:aラベルのfont-size:0を設定します.
  • title
  • を追加
    以下は私が書いた練習問題のローカルコードcssコードです.
    .logo a {
           
    	display: block;   
    	overflow: hidden;  
    	width: 175px;    
    	height: 56px;   
    	text-indent: -9999px;   
    	/*   font-size: 0; */    
    	background: url(../images/logo_03.png) no-repeat;
    }

    htmコードは次のとおりです.
     <div class="logo">
     	<h1>
     	<a href="index.html" title="logo  ">logo  </a>
     	</h1>
     </div>