0

サイトのヘッダーに 2 つのロゴがあります。

ここでの解決策が気に入っています: H1 テキストをロゴ画像に置き換える: SEO とアクセシビリティのための最良の方法? :

解決策: Matt Cuts (およびその他のコメント) によると、最善の解決策は、alt 属性と title 属性を持つ画像を使用することです。alt 属性は SEO 用で、title 属性はアクセシビリティ用です。画像の使用は、セマンティック マークアップにも意味があります。会社のロゴは、実際には重要なコンテンツです。

<h1>
  <a href="http://stackoverflow.com">
    <img src="logo.png" alt="Stack Overflow" title="Click to return to Stack Overflow homepage" />
  </a>
</h1>

これを 2 つのロゴで使用するにはどうすればよいですか?

<h1>
   <a href="http://stackoverflow.com">
     <img src="logo1.png" title="Click to return to Stack Overflow homepage" alt="logo1 " />
  </a>
  <a href="http://stackoverflow.com">
    <img src="logo2.png" title="Click to return to Stack Overflow homepage" alt="logo2" />
  </a>
</h1>

h1 は次のようになります: logo1 logo2?

4

2 に答える 2

2

Harry Roberts ( http://csswizardry.com/2013/01/your-logo-is-still-an-image-and-so-is-mine/ ) によって説明されているように、h1 をロゴとして使用しないでください。

2 つのロゴを使用する場合は、2 つのリンクを使用してください。

于 2013-03-12T12:06:54.337 に答える
0

2 つのロゴの場合は、コンテキストによって異なります。2 つの異なるものであるため、2 つの画像を使用していますか。

<h2>Our Sponsors</h2>
<a><img src="" alt="Google"/></a> <a><img src="" alt="MS"/></a>
<a><img src="" alt="Adobe"/></a>

または次のようなもの：

<a><img src="" alt="Toyota"/><img src="" alt="Corolla"/></a>

秒の場合は、次のようにする必要があります。

<a><img src="" alt="Toyota Corolla"/><img src="" alt=""/></a>

支援技術の場合、トヨタ カローラの最初の例は次のようになります。

リンク画像 トヨタ画像 カローラ

そして2番目の方法：

リンク画像 トヨタカローラ。

alt=""null alt ( ) を使用すると、アクセシビリティや SEO に悪影響を与えると言う人もいます。これは誤りです。画像を装飾目的で使用する場合は、alt 属性を null にする必要があります。むかしむかし、検索エンジンは、null alt を使用していると人々を非難していましたが、今はそうではありません。

于 2013-03-12T15:08:37.657 に答える