質問: ボックス全体をリンクにする方法で 以下の2パターンの実装方法を比較した場合、SEO「も」考慮すると、どちらのほうがどれくらい優位だと考察できるでしょうか。 結論としては、「 実装 時にどちらかに統一すべきという判断を行いたい」のですが、意見や情報などございましたらご提供を宜しくお願い致します。 ------------------------------ パターン1 文字列 文字列 .b { display:block; } ------------------------------ パターン2 文字列 文字列 .a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; } ------------------------------
回答: そもそもHTML(HTML5)の考え方(セマンティクス)から言えばパターン2はありえないかなと パターン2の場合、リンク元とリンク先が合致してない(連動してない)ですからね リンクはあくまで 参照先 の形をとるべきです。セマンティクス的にもSEO的にも 例えば パターン1,2ともに ホームページの作り方 HTMLとCSS といった内容だと仮定します。 この場合目的はリンク先のページが「ホームページの作り方、HTMLとCSSに関する内容ですよ!」ってのを伝えることです。 パターン2の場合本文とリンク部分が離れてしまっているのでこの目的が達成できません。 もちろんSEO的にもきちんとリンク先が何なのかを明確化した方が良いです。 よってこの例の場合はパターン1が良いということになります。 PS ※これ本来はパターン2のようにdiv等のブロック要素を使いたいってのが本音でしょうか? でもdivだとaで囲めないのでdivの外にa出してる的な・・・? HTMLのバージョンが何を想定されてるかわかりませんが、例ではaタグで囲む囲まないの都合でdiv とspanを使い分けてるのでしょうか? HTML5の場合Block要素もaタグで囲めますので 文字列 こういった書き方も可能です。 昨今はHTML5が主流ですので参考にしてください。