H1にはリンクをつけては駄目 | wadadanet

ロゴにリンクをつけるのは良いのですが、そのロゴ自体をH1にするのは間違っていると思うのです。
「でも、ロゴはサイトの顔だからH1でしょう！！」その気持ちはわからなくもないのですが、違うと思います。

例題として
サイト名：「ほげ」
トップ：「index.html」
下層ページ：「neko.html」
を作ってみます。
＊かなり省略(headとか）して書いています。

index.html

<title>ほげ</title>
<h1><a href="index.html">ほげトップ</a><h1>

neko.html

<title>猫ページ｜ほげ<title>
<h1><a href="index.html">ほげトップ</a><h1>

indexはいいのですが、nekoを見てみましょう。
タイトルは 「猫ページ｜ほげ」です。
でもコンテンツ内のh1は「ほげ」ですよね。 
これでは、SEO的に不利。それを解消する為に下記のようにしましょう

neko.html

<title>猫ページ｜ほげ<title>
<h1><a href="index.html">猫ページ｜ほげ</a><h1>

これで、タイトルもh1も「猫ページ｜ほげ」になりました。
よく見るソースですね。
よかったよかっ。。。
違うんです。ここが違うんです。
「<a href=”index.html” >猫ページ｜ほげ</a>」の意味は

「 “猫ページ｜ほげ” はindex.htmlですよ」
でも実際は、
「 “ほげトップ” はindex.htmlですよ」
にしないといけませんよね？ 

ですからこうしないといけないと思うわけです。

neko.html

<title>猫ページ｜ほげ<title>
<h1>猫ページ</h1>
<p id="logo"><a href="index.html">ほげトップ</a></p>

どうでしょうかこれなら
ドキュメント名：「猫ページ｜ほげ 」
タイトル：「猫ページ」
トップ：「ほげトップ(index.html）」
になります。