<h1><h2>見出しタグについて

質問

ワードプレスや無料ブログではテンプレートによってタグの使い方が違っています。

通常、ブログタイトルは<h1>のタグですが、記事のタイトルは<h1>を使っている場合と<h2>を使っている場合があります。

どちらでも問題ないのだと思いますが、実際記事タイトルはどちらを使うのが好ましいのでしょうか？

回答No.1

戸島 健（@luminums） · ベストアンサー

どうも。
こんばんは。

どのタグをどこに使うかというのはケースバイケースでしょう。
<h1>はそのページを表すにふさわしいテキストやコンテンツが入っていたほうがいいです。
一覧のページであれば、「一覧」を表すにふさわしい内容が<h1>に入れるべきです。その場合、記事タイトルは<h2>になったりします。
記事ページであれば、記事を表すにふさわしい内容が<h1>に入るので、記事タイトルあるいはOKWaveのように冒頭を入れるなんてことも考えられますね。

Wikipediaは本文にある記事名が<h1>で囲われているようです。
OKWaveは質問される際に入力した25文字以内のタイトルが<h1>で囲われています。
ワードプレス、その他のブログはそれぞれのテンプレートによりますが、
冒頭文がもっともそのページを表すにふさわしいと感じたなら<h1>で、記事タイトルがふさわしいと感じたらそちらを<h1>で囲えばいいとおもいます。

■記事詳細ページの例
<h1>記事タイトル</h1>
<p>記事の抜粋</p>

■記事一覧ページの例
<h1>記事一覧</h1>
<h2>記事タイトル</h2>
<p>記事の抜粋</p>
<h2>記事タイトル</h2>
<p>記事の抜粋</p>
<h2>記事タイトル</h2>
<p>記事の抜粋</p>

■記事一覧ページの例　こういうケースもありますね。
<h1>このページの抜粋</h1>
<h2>記事一覧</h2>
<h3>記事タイトル</h3>
<p>記事の要約</p>
<h3>記事タイトル</h3>
<p>記事の要約</p>
<h3>記事タイトル</h3>
<p>記事の要約</p>

<h1>にはもっともそのページの内容を表すにふさわしいコンテンツを入れてください。

お礼

詳しい回答ありがとうございました。

>そのページを表すにふさわしいテキストやコンテンツ

だと通常記事タイトルはh1ですかね。ブログタイトルは大雑把すぎますから。良く使われるWPのデフォルトテンプレートもh1が入るようになっています。

ただ、これだと

<h1>ブログタイトル</h1>

<h1>記事タイトル</h1>
<p></p>

<h2></h2>
<p></p>

<h2></h2>
<p></p>

とh1がページ内に２つになってしまうのが気になっていました。