web-dev-qa-db-ja.com

ヘッダー内のアンカー、またはその逆-SEOとの関係で違いはありますか?

たとえば、 Wordpressブログ。リンクでもあるはずの見出しをアンカーで囲む必要があります<a>要素、またはその逆でなければなりません。なぜ?

(1)

<a href="foo">
    <h1>bar</h1>
</a>

(2)

<h1>
    <a href="foo">bar</a>
</h1>

私は常に(1)を実行することになります。これは、私にとっては理にかなっているように思えるので、見出しがリンクで囲まれているということです。

SEOなどに違いはありますか?SEOランキングを反映しますか?

80

HTML5より前:

HTML5の場合:
問題ではありません。最も意味のあるものを使用してくださいsemantic sense。おそらく最初のもの。

文書がHTML4 DTDを使用している場合、アンカーにブロックレベルの要素を含めることができない古いルールを使用しているため、検証されず、正しくレンダリングされない可能性があることに注意してください。 HTML5では最初のオプションのみを使用してください。 XHTMLはHTML4に相当しますが、XHTML1.1については100%確信がありません(試してみて、検証されるかどうかを確認してください)。

72
animuson

HTML 4.01 DTDを使用している場合(移行についてはわかりませんが、間違いなく厳密です)、アンカー要素はヘッダー要素内に表示する必要があります。使用しているDTDがわからない場合は、Doctypeを確認します(有効であるとみなされるには、Oururコードが必要なDTDがあると仮定します)。 HTML5 doctypeは次のようになります。

<!DOCTYPE HTML>

4.01 doctypeは次のとおりです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

4.01を使用する場合は、DTD自体に慣れておくことをお勧めします。これらのタイプの質問すべてに回答できます。

7
MGZero