mcpField
H
heading-structure

heading-structure

github.com/kostja94マーケティング・グロース1.1k1.1k 回インストール2 日前に更新
リポジトリ

heading-structure について

heading-structure は、ページ構成を設計・確認する編集者やサイトチーム向けの SEO スキルです。H1〜H6 の意味的な階層、キーワードの使い方、読みやすさを扱います。

主な機能

  1. 01ページの主見出し H1 の設計
  2. 02H2〜H6 のコンテンツ階層の構築
  3. 03見た目ではなく意味に基づくレベル選択
  4. 04検索意図と見出しの整合性確認
  5. 05一般的すぎる見出しやキーワードの詰め込みを回避

活用シーン

  1. 01記事の見出し構成の作成
  2. 02製品ページの見出し階層の確認
  3. 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 がない場合は、利用可能なプロジェクト資料またはユーザーから提供された情報を使い、不足している情報を確認してください。並行するコンテキストシステムは作成しないでください。

以下を特定してください。

  1. ページの種類:ホームページ、記事、製品ページなど
  2. 主要キーワード:対象とする検索クエリ
  3. コンテンツのアウトライン:主要なセクションとサブセクション

ベストプラクティス

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:コンテンツのアウトラインが見出しの参考になります

コメント