h1の使い方

HTMLのh1ってとっても大切です。((h1は全く重要ではないと言うSEO業者もいるようです))
SEOでもこのタグでマークアップされたキーワードはかなり重視してされています。
このh1の使い方は厳密に定められているわけではなく、hxタグを使うときはh1から始めさすればどんな使い方も可能です。（ただし、出来るだけ1ページに1つだけが良いみたいです）

今回の記事の主題はh1の使い方です。
現在、自分が作るサイトは前ページでサイト名をマークアップしています。
これでも間違いではないのですが、好ましくはないようです。
このブログは他人が作ったテンプレートを使っています。
このテンプレートはトップページのみサイト名をh1でマークアップし、その他のページはページタイトルをh1でマークアップしています。

個人的にはサイト名がサイトのルートになるべきで、ブログで言うパーマリンクでいうと、londonr25.netというサイトのh1の使い方と言うページであると考えていました。その考えから、全ページのh1はサイト名が相応しいと思っていて、そうマークアップしていました。

ただ、今のトレンドはトップページのみh1でマークアップする方法のようです。
他サイトでもh1について議論されており、それを読むとやはり、トップページのみh1が相応しいかなあと思いました。
SEOのことを考えるとやはり全てのh1にサイト名を放り込むのはもったいないです。また、文書構造について厳格に考えたらサイト名がh1に来るのもなんだかおかしいですし。

そうと決まればこれからはその作り方を自分のスタンダードスタイルにしよう！！と言いたいところなのですが、まだ問題はあります。
このテンプレートもそうなのですが、ページによってhxタグの階層に差が出てしまい、記事本文中にhxタグを記述すると、あるページでh2タグが飛んでしまうという現象が発生してしまいます。W3Cのバリデータでは通るのですが、本来は間の数字を飛ばすことは許されていません。
この問題の回避策の一つは、記事本文の最上位の見出しはh2でマークアップする。ただ、やはりこれにも問題があって、パーマリンクではキレイな構造になりますが、トップページとアーカイブページでは記事のタイトルと記事内の最上位の見出しが同じh2でマークアップされることになってしまいます。文法上まったく問題はありませんが、構造上大問題です。
と、なると、自分の考えではトップページやアーカイブページのページは本文を表示せず見出しをリスト化してh2でマークアップする以外方法がないかなと思います。
この方法だと、本文のh2がパーマリンク以外陽の目を見ないので構造上の問題もありません。

というわけで、このh1問題は個人的に根は深いというか難しいと思います。
結局、サイトの構造によって適切なやりかたというのが出てきそうです。（プログラミングでパーマリンクのページの場合はタグを変換する機能を実装できたらこの問題も解決しますが、なかなか敷居の高いやり方です）

自分が至った結論は基本的にはトップページのみh1にする手法をとり、ブログやCMSを使う場合は全てサイト名にする場合もある。
ブログを使う場合はアーカイブなどはヘッドラインのみ表示するように作っていこうと思います。
このブログも時間が空き次第デザイン（レイアウト）を変更していきます。

この記事を見られた方でhxタグについていいアイディアをお持ちの方はなんらかのコメントを書いていただけたらありがたいです。よろしくお願いします。

関連する投稿

• Web標準を意識すれば意識するほど作れない (0)
• 1920×1200の環境下でAptanaを使う (0)