heading-structure について
heading-structure は、ページ構成を設計・確認する編集者やサイトチーム向けの SEO スキルです。H1〜H6 の意味的な階層、キーワードの使い方、読みやすさを扱います。
主な機能
- 01ページの主見出し H1 の設計
- 02H2〜H6 のコンテンツ階層の構築
- 03見た目ではなく意味に基づくレベル選択
- 04検索意図と見出しの整合性確認
- 05一般的すぎる見出しやキーワードの詰め込みを回避
活用シーン
- 01記事の見出し構成の作成
- 02製品ページの見出し階層の確認
- 03ページの読みやすさの改善
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ kostja94/ marketing-skills --skill heading-structureインストール後、Claude Code で/heading-structureを入力して読み込まれたか確認します。
詳細
SEO のオンページ最適化:見出し構造
SEO とコンテンツ構造のための見出し(H1~H6)の最適化を案内します。
呼び出し時:初回の使用時は、このスキルの対象範囲と重要性について役立つ場合は1~2文で説明してから、主な出力を提示してください。2回目以降の使用時、またはユーザーから説明を省くよう依頼された場合は、主な出力を直接提示してください。
対象範囲(オンページ SEO)
- H1 タグ:ユーザーの目的と得られる価値が伝わる、ページ上で明確に表示される見出し
- 見出しタグ(H1~H6):論理的なコンテンツ階層と、各見出しにつき一貫性のあるセクション1つ
初期評価
プロジェクトのコンテキスト: ルートに contextus.md がある場合は読み込み、このタスクに関連するモジュールのみを読み込んでください。Contextus がない場合は、利用可能なプロジェクト資料またはユーザーから提供された情報を使い、不足している情報を確認してください。並行するコンテキストシステムは作成しないでください。
以下を特定してください。
- ページの種類:ホームページ、記事、製品ページなど
- 主要キーワード:対象とする検索クエリ
- コンテンツのアウトライン:主要なセクションとサブセクション
ベストプラクティス
H1
| 原則 | ガイドライン |
|---|---|
| ページの主要見出し | ページを特定できる明確な H1 を1つ使うことを優先します。追加の H1 をランキング上の緊急事態として扱う前に、アクセシビリティとテンプレートのセマンティクスを確認してください |
| 検索時の表現 | 役立つ場合は主要な概念を自然に含めます。完全一致の表現を無理に使わないでください |
| 具体性 | ページのコンテンツを明確に説明します |
| 検索意図との一致 | タイトルタグと同じページの意図と約束に応えますが、同じ文言にする必要はありません |
H2~H6 の階層
| 原則 | ガイドライン |
|---|---|
| 論理的な順序 | 見出しレベルでドキュメントの構造を表します。見た目のサイズだけを理由にレベルを選ばないでください |
| 見出しごとに1つの要点 | 各見出しは1つのトピックを扱います |
| 内容を把握しやすくする | 見出しはセクションの内容を要約します |
| キーワードのバリエーション | サブ見出しに関連キーワードを使います |
構造
H1 (page title)
-> H2 (section 1)
-> H3 (subsection)
-> H3
-> H2 (section 2)
-> H3
-> H2 (section 3)
よくある問題
| 問題 | 対処法 |
|---|---|
| H1 が複数ある | テンプレートとアクセシビリティのセマンティクスを確認します。明確な主要 H1 を1つ使うことを優先しますが、追加の H1 が自動的にランキング上の問題になるとは説明しないでください |
| 見た目のスタイルが階層として表現されている | セマンティックなレベルは構造に基づいて決め、スタイルは別途設定します |
| 汎用的な見出し | 具体的な表現にし、「はじめに」「結論」は避けます |
| キーワードの詰め込み | 自然な言葉を使い、キーワードを無理に入れないでください |
出力形式
- H1 の推奨案(キーワードを含む)
- コンテンツの H2~H6 アウトライン
- 階層の確認
- 参考資料:Google の見出し
関連スキル
- featured-snippet:スニペット抽出のための H2/H3、リストや表のスニペット向けのセマンティック HTML
- page-metadata:タイトル、H1、本文の整合性を確認して報告し、実際の見出し編集はこちらに引き継ぎます
- content-optimization:H2 のキーワード配置、量、表、リストを扱い、見出し構造を補完します
- article-page-generator:記事ページの H1~H3 構造、導入、本文、結論
- title-tag:H1 とタイトルはページの意図を共有しますが、異なる自然な表現を使うことがあります
- schema-markup:Article スキーマでは headline(多くの場合 H1)を使用します
- content-strategy:コンテンツのアウトラインが見出しの参考になります
コメント
Markdown 対応