web-dev-qa-db-ja.com

SEOがリンクのブロック要素をラップしても大丈夫ですか?

リンクフィールドだけでなく、コンテンツブロック全体をクリック可能にするリクエストがあります。

質問:

  1. コンテンツのブロック全体をクリック可能にすることをお勧めしますか?
  2. リンクでコンテンツをラップする場合、SEOページのランキングはDingですか?

例:

  • リンクのみクリック可能

    <div>
      <img src="https://placeimg.com/640/480/Arch">
      <p>Appropriately initiate front-end "outside the box" thinking via flexible intellectual capital.</p>
      <a href="https://placeimg.com/640/480/nature">My Link</a>
    </div>
    
  • ブロック要素全体をクリック可能

    <a href="https://placeimg.com/640/480/nature" title="My Link">
      <div>
        <img src="https://placeimg.com/640/480/Arch">
        <p>Appropriately initiate front-end "outside the box" thinking via flexible intellectual capital.</p>
      </div>
    </a>
    
3
usernameabc

はい、ブラウザがHTML5をサポートしている限り(必要に応じて、すべての最新のブラウザがサポートします)、ブロック要素をa要素内に配置することは問題ありません。

A要素は、段落、リスト、表など全体、さらにはセクション全体を囲むことができます。ただし、内部にインタラクティブなコンテンツ(ボタンや他のリンクなど)がない場合に限ります。

テキストレベルのセマンティクス-w3.org

検索エンジンとブラウザはどちらもリンクをうまく理解します。

参考文献:

divをアンカー内に置くことは今まで正しいですか?-スタックオーバーフロー