ページごとに<h1>を1つだけ持つことの実際的な利点は何ですか
ページごとに1つだけにすることをお勧めしますが、バリデーターでさえもあればウォーミングアップを印刷しますが、他の推奨事項は次のように矛盾します：
- 明示的に定義されたセクションの見出しとして任意のランクを使用できますが、この方法はお勧めしません。
- 見出しの順序をスキップしない
また、アウトラインがページのアウトラインに影響を与えないように、セクションの要素もあります。
かなり混乱しているので、少なくとも、ページごとに1つだけにする方が、どのように改善されるかを知りたいと思います。
誰が推奨するのかは述べていませんが、仕様自体にはそのようなことはありません。見出しはコンテンツのセクション化を開始し、ページには複数のセクション化コンテンツが存在する場合があります。ただし、あなたが尋ねているのは、「ドキュメントの概要」と 今日のブラウザには存在しません です。特に注意してください このリファレンス HTML作成者とARIAの一人から：
HTML5 Document Outlineは危険なフィクションです
セクショニング要素で見出し要素のネストを使用すると、実際に見出しセマンティクスを使用するユーザーに何らかの効果があると考えるようになります。圧倒的に逆のことが当てはまります。たとえば、見出しをh1要素としてコーディングし、セクション要素の深さ5にネストすると、ドキュメントのアウトラインにより、見出しはh6であり、現実の世界では見出しはh1であると考えられます。
ただし、複数のh1タグを使用するべきではないという意味ではありません。それはあなたがそれらの使用に注意する必要があることを意味するだけです。 John MuellerとGoogleによると、SEOには影響しませんが、ブラウザでのページの表示に影響する可能性があります。 Mozillaからの有用な指示として を使用できます。
ただし、スクリーンリーダーは異なるストーリーであり、見出し要素の最初のスキャンと複数のh1タグの提示は、新しいセクションがドキュメント構造のどこに存在するかに関してリスナーを混乱させる可能性があります。参照： https://css-tricks.com/document-outline-dilemma/
これらのユーザーにとって、ドキュメントアウトラインアルゴリズムの唯一の効果は、いくつかの新しいページ（新しい仕様を熱心に採用している）がレベル1の見出しのフラットリストとして表示され、まったく構造がないことです。