ヘッダー内のアンカー、またはその逆-SEOに関して違いはありますか?[閉まっている]


86

Wordpressのブログなどを作成するとき、私はいつもこれ(かなり単純な質問)に出くわします。リンクでもある見出しをアンカー<a>要素でラップする必要がありますか、それともその逆にする必要があります。なぜ?

(1)

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

(2)

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

見出しがリンクで囲まれているのは私にはもっと論理的に思えるので、私はいつも(1)をすることになります。

たとえばSEOに何か違いはありますか?SEOランキングを反映しますか?


3
プロのウェブマスターに関するこの質問はあなたが探しているものです
John Conde


2
私はこの質問を閉じることに投票します。これは質問されたときにトピックでしたが、プログラミング以外のSEOの質問はここではトピックではなくなったため、Webマスターで質問する必要があります。具体的には、アンカータグ内の<h1>または<h1>内の以前にリンクされたアンカータグ:どちらが良いですか?そこでこの質問に答えます。
DBC

回答:


78

HTML5より前:
アンカーはヘッダー内にある必要があり、ブロックレベルの要素をアンカー内に配置することはできません。配置すると、ほとんどのブラウザーは100%確実にレンダリングしません。

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

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


8

HTML 4.01 DTDを使用している場合(移行についてはわかりませんが、間違いなく厳密です)、アンカー要素はヘッダー要素内に表示される必要があります。使用しているDTDがわからない場合は、Doctypeを確認してください(Doctypeがあると仮定すると、他のコードが有効であると見なされるために必要です)。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自体に精通することをお勧めします。DTDは、これらすべてのタイプの質問に答えます。


-2

グーグルインデックスは非常に簡単なので、最初のものはSEOに最適です。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.