こんな方におすすめ
- 長い記事を整理する執筆者
- 見出しテンプレートを確認する開発者
Blog Utility
H1 / H2構造チェッカー
ブログ記事のHTMLを入力すると、H1、H2、H3の見出し構造、階層エラー、空の見出し、H1の重複を素早く確認できます。
見出し構造分析
H1、H2、H3見出しタグの数と順序を確認
SEO構造チェック
H1の重複、見出し不足、階層の飛ばしを検査
ブログ品質管理
検索エンジンと読者が理解しやすい記事構造を確認
本文HTML入力
ブログ記事の本文HTMLを貼り付けると、見出しタグ構造を自動で分析します。
0文字
HTMLコードを入力してから見出し構造分析ボタンを押してください。
分析結果
見出しタグ数と構造チェック結果を確認できます。
0
H1数
0
H2数
0
H3数
0
確認必要
| 順番 | タグ | 見出し内容 | 状態 |
|---|---|---|---|
| 分析結果がここに表示されます。 | |||
H1・H2・H3を読みやすい見出し構造に整える
HTMLから最初の3階層を抽出し、空の見出しやH1の重複、節の構造を見直します。記事編集とアクセシビリティ確認の出発点として使えます。
活用場面
- H2より先にあるH3を探す。
- 空白だけの見出しを見つける。
入力から結果の確認まで
- 1
テンプレートが付ける見出しも含めてHTMLをコピーします。
- 2
500,000文字以内で貼り付けます。
- 3
検査結果を文書順に読みます。
- 4
警告と実際の節の関係を照合します。
- 5
修正後に再検査し、H4以下は別途確認します。
基本的な階層
- 入力
- <h1>ガイド</h1><h2>設定</h2><h3>選択肢</h3>
- 結果
- H1 → H2 → H3の一覧
文字の大きさではなく内容の関係で階層を選びます。
節見出しの不足
- 入力
- <h1>ガイド</h1><h3>選択肢</h3>
- 結果
- H2より前のH3を警告
H2が抜けているのか、見た目で階層を選んだのか確認します。
計算・処理の仕組み
H1・H2・H3を文書順で抽出します。空の見出し、先頭がH1以外、H1欠落・重複、H2欠落、最初のH2より前のH3を確認します。
注意点と制限
- H4〜H6、ARIA見出し、CSSだけで見出し風にした文字は対象外です。
- 部分HTMLではページ側のH1が抜けている場合があります。
- H1の複数使用は確認事項であり、一律にHTML違反とは判定できません。
データの取り扱い
HTMLはブラウザー内で解析し、win-jサーバーには保存しません。
参考資料
あわせて使えるツール
- Title / Description 長さチェッカー
タイトルとメタ説明文の文字数を数え、簡易検索プレビューで表現を比較できます。色の判定はこのツール独自の目安であり、Googleの評価や実際の表示を予測するものではありません。
- 画像Altチェッカー
imgのalt欠落・空欄・ファイル名のような説明・短い文字列を確認します。画像が本文で担う役割を見て、適切な代替テキストを判断してください。
よくある質問
6階層すべてを検査しますか？
いいえ。対象はH1〜H3です。
すべての警告を直す必要がありますか？
完全なページの文脈で判断してください。部分HTMLには外側の見出しが含まれない場合があります。
見出しの内容も評価しますか？
構造と空欄を確認する機能で、要約の正確さは評価しません。