ここではサイト名について話します。ほとんどの場合、それはそれほど長くはなく、通常、各ページで数回繰り返されます。したがって、これがどのようにしてユーザーをだますことができるかを理解するのは難しいので、これはどの検索エンジンにとっても問題ありません。これは、誰かがコンテンツで繰り返されない、またはコンテンツに関連しないさまざまなキーワードを非表示にする場合と比較することはできません。
しかし、それはあなたがそれをすべきだという意味ではありません。
私はなぜそれをするのか分かりません、私はいつもそれをしました。
今こそそれを再考する時です。なぜそんなことをするの?ロゴは、サイトの名前/タイトルです(またはを表します)。したがって、それはにあるはずh1
です。非表示の方法によっては、スクリーンリーダーの見出しも非表示になる場合があります(多くのスクリーンリーダーユーザーが使用するアウトラインナビゲーションが壊れる可能性があります)。
ロゴと名前の両方を提供して表示する場合は、両方を同じものh1
に配置するか、HTML5 hgroup
要素を使用できます。
<!-- variant 1 -->
<h1><img src="acme-logo.png" alt="" />ACME Inc.</h1>
<!-- variant 2 -->
<hgroup>
<h1><img src="acme-logo.png" alt="" /></h1>
<h2>ACME Inc.</h2>
</hgroup>
ここではalt
属性値を空にする必要があることに注意してください。
alt
すでに次の画像への散文で提供された属性の値がいけないの繰り返し情報
ロゴのみを使用したい場合も問題ありません。
<h1><img src="acme-logo.png" alt="ACME Inc." /></h1>
他の回答について:
まったく問題なく、多くの場合、ページのコンテンツのタイトルではなくh1
、サイトのタイトルに(ドキュメントの概要のために)使用する必要があります。ただし、HTML5ではh1
両方のタイトルに使用できます(セクション要素と組み合わせて)。
CSSの画像置換方法は、装飾(CSS)ではなくコンテンツ(HTML)であるため、サイトのロゴには使用しないでください。