H1 Checker
URL をチェックするか、HTML を貼り付けて H1 を数え、空の見出しを見つけて H1 ～ H6 のアウトラインを検査します。ソース HTML のみ。
Heading outline
Check a page to see its H1 count and ordered heading outline.
Your review starts here
Find empty headings, review multiple H1s and follow the page’s section levels.
見出し目録 context
H1 チェッカーは、主要な見出しとそれに続くセクションを確認するのに役立ちます。このチェッカーは、リテラル H1 ～ H6 要素をソース順にリストし、ページをスコアに縮小するのではなく、元のテキストとレベルを表示したままにします。
URL チェックは、SearchVector の限定された検査サービスを通じて 1 つのパブリック ページをフェッチします。貼り付けられた HTML はローカルで処理されます。どちらのモードもスクリプトの実行や外部スタイルシートの評価は行いません。セクションのみを貼り付けると、結果にはそのセクションのみが説明されます。
数えて検査する
6 つの見出しレベルすべてのカウントと、各見出しの正確なテキストを表示します。
空のテキストを確認する
空白のみの見出しにはフラグが付けられます。画像のみの見出しには、アクセシビリティ対応名の個別のレビューが必要です。
命令に従ってください
レベルギャップは、H2 から H4 へなど、より深いジャンプを示します。これらはレビューのプロンプトであり、アクセシビリティの判定ではありません。
可視性を明示的に保つ
非表示および aria-hidden の見出しは、ソースレベルのフラグとともにカウントに残ります。 CSS クラスと計算された可視性はチェックされません。
読みやすいセクション階層を構築する
セクション間の関係の見出しレベルを選択し、その外観に CSS を使用します。この元の例は、ルート計画サブセクションがレベルをスキップせずに親見出しに従う方法を示しています。
ギャップを見直す
H1 初めてのトレイルウォークを計画する
H3 ルートを選択する
H2 必需品を詰めるH3 は H1 に直接続きます。 「ルートの選択」がメインセクションであるか、H2 親が必要であるかを確認します。
ピアセクションの一貫性を保つ
H1 初めてのトレイルウォークを計画する H2 ルートを選択する H2 必需品を詰める
これら 2 つのセクションは同じレベルにあります。より詳細なルート サブセクションでは、最初の H2 の下の H3 を使用できます。
Returning from H4 to H2 can close a subsection correctly. Fixed navigation and sidebar regions may also need context. Read WAI’s heading guidance.
Three titles, different jobs
- H1: ページの見出し
- ドキュメント内の見出し要素。その文言は、読者がページのトピックを理解するのに役立つはずです。このツールは、提供されたソース内に存在する H1 テキストを検索します。
- HTML タイトル: ドキュメントラベル
- title 要素は、ブラウザーのタブに一般的に表示されるドキュメントのタイトルを指定します。レポートには、指定された最初の title 要素が表示されます。 H1 と正確に一致する必要はありません。
- 検索タイトル: 検索エンジンが選択
- 検索結果のタイトル リンクは、HTML タイトル、目立つ見出し、その他のソースから取得できます。このチェッカーは、Google の選択されたタイトルを取得または予測しません。
Google uses several sources to generate title links. See Google’s title-link documentation.
Turn findings into edits
- Make the main heading describe the page’s specific topic. Replace empty headings with meaningful text or remove unused markup.
- Match subsection ranks to the content relationships. Review navigation and hidden variants in a real browser before editing them.
- Recheck the source after saving changes. Use the Title & Meta Checker to review the document title and description separately.