html - Html：サイトタイトルまたはページタイトルにh1タグを使用する必要がありますか？

Question

以前は、サイトのタイトルを<h1>タグに入れてから、メインページのタイトルをに入れていました<h2>。これは正しいと見なされますか、それともメインページのタイトルを<h1>タグに含める必要がありますか？もしそうなら、あなたはサイトのタイトルをどこに置きますか？定期的に<div>？または？

最も意味的に正しいものは何ですか、そしてアクセシビリティのようなものを考えるときに最も良いものは何ですか？

Answer 1

本当の基準はなく、かなりの数の異なる意見があります。ただし、wompには同意します。サイトのすべてのページに同じH1を設定するべきではありません。<title>サイトのタイトルはタグに任せます。

意味的に（そしてアクセシビリティを支援するために）、一般的に受け入れられているルールは、<H1>ページまたはトピックごとに1つです。1つのページに複数のトップレベルの見出しを付けることは、それらの見出しがドキュメントをさまざまなことを議論する別々の論理的なチャンクに分割する限り、有効です。したがって、最新の5つの記事を表示するブログのホームページを例にとると、それぞれが独自のを持っていれば問題ありません<H1>。

ただし、SEOに関しては、通常、ページごとにH1を1つだけ持つことをお勧めします。

私は自分のデザインブログでハイブリッドアプローチを採用しました。ホームページには、サイトを説明するH1があり、各投稿タイトルは<H2>です。ただし、個々の投稿ページでは、投稿のタイトルは<H1>です。これは（これまでのところ）セマンティクスと検索エンジンの最適化のバランスをうまく取っているようです。

Answer 2

H1タグがページ上のコンテンツの大部分にコンテキスト的に関連している場合は、より適切です。したがって、実際にはページタイトルである必要があります。

すべてのページに同じH1タグ（つまり、サイトタイトル）がある場合、それらの価値が低下します（そして、全体として、それらは実際に最も価値のあるタグです）。

代替テキストを含む画像ではないものとしてサイトタイトルをヘッダーに配置する場合、通常はdivまたはspanのスタイルを設定します。

Answer 3

Googleの検索エンジン最適化スターターガイドの20ページ：

見出しタグを適切に使用する

ニュース記事を含むページでは、サイトの名前を<h1>タグに入れ、記事のトピックを<h2>タグに入れる場合があります。