記事中心のページ (ブログ投稿など) では、<h1>
要素 (レベル 1 見出し) は、通常、次のいずれかをマークアップするために使用されます。
- ブログのタイトル(ページ上部にある大きなサイトタイトルなど)ない要素に
<title>
)、または - 記事のタイトル
最善の選択は何ですか、またその理由は何ですか?
自分のサイト/ブログの名前を世界に知らせたいサイト所有者にとっては、サイトタイトルの周りにレベル 1 の見出しを使用するのが理にかなっているように思えるかもしれません。
ユーザーに伝えようとしていることの観点から見ると、サイト タイトルの関連性は低くなります。伝えようとしているのは記事の内容であり、サイトの他のすべてのコンテンツは二次的なものです。したがって、<h1>
記事のタイトルには を使用するのが最適と思われます。
この要素は、サイトのタイトルやその他のコンテンツではなく、記事のタイトルに焦点を当てるべきだと思います<h1>
。これは決して一般的な慣習ではないようです。
例:
- ジョエル・スポルスキー記事のタイトルに使用し
<h1>
、サイトタイトルのアンカーとして使用します - ジェフ・アトウッド用途いいえ
<h1>
、まったく記事のタイトルと<h2>
サイトのタイトルのアンカー - 37シグナルズのSVN
<h1>
サイトのタイトルと記事のタイトルのアンカーに使用します
これらは、正しいセマンティック マークアップを強く考慮する必要がある 3 つのサイトにわたる 3 つの異なるアプローチです。
Joel の意見は正しいと思います。Jeff もそれに次ぐくらいです。37Signals の人たちのマークアップの選択には本当に驚きました。
私にとっては、これは非常に単純な決定のように思えます。記事の消費者にとって最も関連性の高いものは何でしょうか? 記事のタイトルです。したがって、記事のタイトルを要素で囲みます<h1>
。完了です。
私が間違っているのでしょうか? 私が見逃しているさらなる考慮事項がありますか? 私が正しいのでしょうか? もしそうなら、なぜ「<h1>
記事のタイトル用」アプローチがもっと一般的に使用されないのでしょうか?
要素をどこで使用するかという決定は、<h1>
私が述べたように不変ですか? それとも、主観的な考慮事項もいくつかあるのでしょうか?
アップデート: これまでの回答に感謝します。<h1>
記事のタイトルにサイト タイトルの代わりに を使用すると、ユーザビリティとアクセシビリティにどのようなメリットがあるか (またはメリットがないかどうかは場合によります) について、何らかの観点から教えていただけると嬉しいです。単なる個人的な推測ではなく、事実に基づいた回答には、多くのボーナス ポイントが与えられます。
ベストアンサー1
そこにはW3C 品質保証のヒントこのトピックについて:
<h1>
文書の第 1 レベルの見出しの HTML 要素です。
ドキュメントが基本的にスタンドアロンである場合 (たとえば、「ジュネーブの見どころとアクティビティ」)、最上位の見出しはタイトルと同じになる可能性があります。
それがコレクションの一部である場合、たとえばペットに関するページのコレクション内の犬のセクションである場合、最上位の見出しはある程度のコンテキストを想定する必要があります。
<h1>Dogs</h1>
タイトルはどのようなコンテキストでも機能するはずですが、次のように記述するだけです: 犬 - ペットのガイド。