見出し構造アウトライン・チェッカー

HTMLを貼るだけで、h1〜h6の構造をツリーで可視化。h1の重複・欠落やレベル飛ばしを自動チェックします

アウトライン

HTMLを貼り付け

※ 貼り付けたHTMLはブラウザ内で解析するだけで、実行も送信もしません(scriptは動きません)。ページ全体でも、見出し部分だけでも解析できます。

🧭 使い方(3ステップ)

  1. HTMLを貼る — ページのソース、または見出しを含む部分を貼り付けます。
  2. ツリーで確認 — h1〜h6が階層ツリーで表示され、各レベルの数がひと目でわかります。
  3. 問題を直す — h1の重複・欠落やレベル飛ばしが警告されるので、指摘に沿って構造を整えます。

よくある質問

見出し構造はSEOに関係ありますか?

はい。h1〜h6の階層は検索エンジンとAIがページの構造・トピックを理解する手がかりです。h1は原則1つ、レベルは飛ばさず順番に(h2の次はh3)が基本。スクリーンリーダーも見出しで移動するため、アクセシビリティ上も重要です。

「レベル飛ばし」とは?

h2の次にh4が来るなど、見出しレベルを飛ばして使うことです(h2→h4)。構造が伝わりにくくなるため、順番に下げる(h2→h3→h4)のが推奨です。本ツールは飛ばしを自動で検出します。

h1は本当に1つだけ?

HTML5では複数のh1も文法上は許容されますが、SEO・スクリーンリーダーの観点では1ページ1つが安全です。本ツールはh1が0個・2個以上の場合に警告します。

貼ったHTMLは送信されますか?

いいえ。解析はすべてブラウザ内(DOMParser)で行われ、内容がサーバーに送られることはありません。scriptも実行されません。