seo-on-page-optimization について
seo-on-page-optimizationは、ウェブサイトのコンテンツ担当者向けに、ページ内SEOを監査・改善するスキルです。メタデータ、見出し、コンテンツ、画像、リンク、URLを扱い、分析や提案に使うMCPツールも挙げています。
主な機能
- 01タイトルタグとメタディスクリプションの指針
- 02見出し階層とキーワード配置
- 03コンテンツと画像の最適化確認
- 04内部リンクとURLの推奨事項
- 05Open Graph、canonical、監査チェックリスト
- 06分析とメタデータ提案のMCPツール
活用シーン
- 01ページのタイトルと説明の監査
- 02見出し階層とキーワード配置の確認
- 03画像の代替テキストと内部リンクの確認
- 04ページ内SEO監査チェックリストの作成
MCP 対応
このスキルでは、`analyze_page`、`analyze_headings`、`analyze_images`、`analyze_internal_links`、`generate_meta_suggestions`などのMCPツールを紹介しています。ページ監査やメタデータの提案に利用します。
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ autom8minds/ seo-skills --skill seo-on-page-optimizationインストール後、Claude Code で/seo-on-page-optimizationを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
CHECKLISTS.mdCOMMON_MISTAKES.mdEXAMPLES.mdREADME.md詳細
ページ内 SEO 最適化
タイトルタグ
タイトルタグは、ページ内のランキング要因として最も重要です。
ルール
| ルール | 値 |
|---|---|
| 長さ | 50〜60文字(Google は約 580px で省略します) |
| メインキーワード | 最初の 60 文字以内、できれば冒頭付近に配置します |
| ブランド | 区切り文字を付けて末尾に追加します:Primary Keyword - Brand |
| 独自性 | すべてのページに固有のタイトルを設定します |
| 形式 | `Primary Keyword - Secondary Keyword |
よく使われるパターン
Blog post: "How to [Action] [Topic] in [Year] | Brand"
Product: "[Product Name] - [Key Feature] | Brand"
Category: "[Category] - Shop [Subcategory] Online | Brand"
Homepage: "Brand - [Primary Value Proposition]"
Service: "[Service] in [Location] | Brand"
MCP ツール: analyze_page を使用して現在のタイトルタグを抽出・評価するか、generate_meta_suggestions を使用して AI によるタイトル候補を取得します。
メタディスクリプション
直接的なランキング要因ではありませんが、検索結果からの CTR(クリック率)に直接影響します。
ルール
| ルール | 値 |
|---|---|
| 長さ | 150〜160文字(Google は約 920px で省略します) |
| メインキーワード | 自然に含めます。Google は検索クエリに一致する語句を太字にします |
| CTA | 行動喚起を含めます(学ぶ、見つける、購入する、入手する) |
| 独自性 | すべてのページに固有の説明文を設定します |
| 引用符なし | 二重引用符は避けます。Google は " で省略します |
パターン
[Value proposition with keyword]. [Supporting detail]. [CTA].
MCP ツール: 現状の分析と提案には、analyze_page または generate_meta_suggestions を使用します。
見出し構造(H1〜H6)
見出しはコンテンツの階層を定義し、検索エンジンがページ構造を理解するのに役立ちます。
ルール
- 1 ページにつき H1 は 1 つ — メインキーワードを含め、検索意図に合致させます
- 大きなセクションには H2 — 関連するサブキーワードを自然に含めます
- 小見出しには H3〜H6 — 厳密な階層を維持します(レベルを飛ばさないでください)
- 見出しをスタイル設定に使わないでください。代わりに CSS を使用します
- 見出しを空のままにしないでください
正しい階層
H1: Primary Topic (one only)
H2: Major Section 1
H3: Subsection
H3: Subsection
H2: Major Section 2
H3: Subsection
H4: Detail
H2: Major Section 3
悪い階層(レベルを飛ばしている)
H1: Topic
H3: Section (skipped H2!)
H5: Detail (skipped H4!)
MCP ツール: targetKeyword パラメーターを指定して analyze_headings を使用し、構造とキーワードの有無を検証します。
コンテンツの最適化
キーワード配置のシグナル
| 場所 | 優先度 | 備考 |
|---|---|---|
| タイトルタグ | 重要 | 最初の 60 文字 |
| H1 | 重要 | メインキーワード |
| 最初の 100 語 | 高 | 冒頭付近で自然に言及します |
| H2/H3 見出し | 高 | サブキーワードや関連キーワード |
| URL スラッグ | 高 | ハイフンで区切り、簡潔にします |
| メタディスクリプション | 中 | CTR 向けであり、ランキング向けではありません |
| 画像の alt テキスト | 中 | 関連する場合はキーワードを含めて画像を説明します |
| 最後の段落 | 低 | 自然に言及します |
コンテンツ品質のシグナル
- 種類別の文字数:
- ブログ記事:1,500〜2,500 語以上(トピックによって異なります)
- 製品ページ:300〜1,000 語
- カテゴリーページ:500〜1,000 語
- ランディングページ:500〜1,500 語
- ホームページ:400〜800 語
- 読みやすさ: 一般読者向けには Flesch-Kincaid の学年レベル 6〜8
- 独自性: 100%独自のコンテンツとし、内容の薄いコンテンツや重複コンテンツは避けます
- マルチメディア: 画像、動画、表、リストを含めてエンゲージメントを高めます
- 鮮度: 特に時事性の高いトピックでは、コンテンツを定期的に更新します
キーワード密度
- 厳密な目標値はありません。自然に書きます
- メインキーワードは 0.5〜2%が、上位表示されるページでは一般的です
- キーワードの詰め込み(同じ語句を不自然に繰り返すこと)は避けます
- 意味的なバリエーションや関連語(LSI キーワード)を使用します
MCP ツール: includeContent: true を指定して analyze_page を使用すると、語数とコンテンツ分析を取得できます。
画像 SEO
ルール
| 要素 | ベストプラクティス |
|---|---|
| Alt テキスト | 説明的にし、125 文字以内にします。関連する場合はキーワードを含めます。装飾画像には alt="" を指定します |
| ファイル名 | 説明的な名前をハイフンで区切ります。IMG_4532.jpg ではなく blue-running-shoes.webp のようにします |
| 形式 | WebP または AVIF を推奨します。写真には JPEG、透過画像には PNG、アイコンには SVG を使用します |
| ファイルサイズ | 画像 1 枚あたり 200KB 未満にし、圧縮ツールを使用します |
| 寸法 | CLS を防ぐため、width と height 属性を指定します |
| 遅延読み込み | ファーストビューより下の画像には loading="lazy" を追加します |
| レスポンシブ | レスポンシブ画像には srcset と sizes を使用します |
代替テキストのパターン
Good: "Blue Nike running shoes on a trail"
Good: "SEO audit dashboard showing Core Web Vitals scores"
Bad: "image1"
Bad: "shoes shoes running shoes blue shoes nike shoes" (keyword stuffing)
Bad: (empty alt on non-decorative image)
MCP ツール: analyze_images を使用して、ページ上のすべての画像の代替テキスト、サイズ、形式、遅延読み込みを監査します。
内部リンク
内部リンクはリンクエクイティ(PageRank)を分配し、検索エンジンがサイト構造を発見して理解するのに役立ちます。
戦略
- ハブ&スポークモデル: 柱となるページからクラスターページへリンクし、その逆も行います
- コンテキストに沿ったリンク: 本文内にリンクを配置します(ナビゲーションだけに配置しないでください)。こうしたリンクはより高く評価されます
- 説明的なアンカーテキスト: キーワードを含む説明的なアンカーテキストを使用します(「ここをクリック」や「続きを読む」は避けてください)
- ページごとの上限: 適切な数にします(リンクの総数を100~150未満に抑え、質を重視します)
- 孤立ページを解消: インデックス可能なすべてのページに、少なくとも1つの内部リンクを向けます
- 深い階層のページにもリンク: ホームページだけでなく、重要なページにもリンクエクイティを分配します
- ファーストビューを優先: ページ上部にあるリンクは、より高く評価される場合があります
アンカーテキストのルール
Good: "Learn about technical SEO auditing"
Good: "our guide to keyword research"
Bad: "click here"
Bad: "this article"
Bad: "https://example.com/page" (naked URL)
MCP ツール: analyze_internal_links を使用して、すべてのリンクをマッピングし、アンカーテキストの品質を評価し、リンク切れを検出します。
URL 構造
ルール
- URL は短く、内容が分かるものにします:
/seo-audit-checklistを使用し、/p?id=123&cat=seoは避けます - アンダースコアではなくハイフンを使用します:
/technical-seoを使用し、/technical_seoは避けます - 小文字のみを使用します
- 主要キーワードを含めます
- 階層を制限します:最大3~4階層(
/category/subcategory/page) - 可能な限りパラメーターを避けます(避けられない場合はcanonicalを使用します)
- ストップワードを含めません:
/seo-auditを使用し、/the-complete-guide-to-seo-auditは避けます - URL は安定させます。301リダイレクトなしにURLを変更しないでください
Open GraphとTwitterカード
ソーシャルメディアでの共有時の表示と、ソーシャルプラットフォームからのクリック率を高めるために重要です。
必須のOpen Graphタグ
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Page description">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
Twitterカードのタグ
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description">
<meta name="twitter:image" content="https://example.com/image.jpg">
画像の要件
- 最小サイズ:
summary_large_imageの場合は1200x630px - アスペクト比: 1.91:1
- ファイルサイズ: 5MB未満
- 形式: JPG、PNG、WebP、GIF
Canonicalタグ
ページの優先バージョンを指定して、重複コンテンツの問題を防ぎます。
ルール
- インデックス可能なすべてのページに、自身を参照するcanonicalを設定します:
<link rel="canonical" href="https://example.com/page"> - 絶対URLを使用します(相対URLではなく)
- HTTPSバージョンを指定します
- wwwあり、またはwwwなしのいずれか、優先するバージョンを指定します
- コンテンツが実際に重複している、または非常によく似ている場合を除き、別のページをcanonicalに指定しないでください
- 404ページやリダイレクト先のURLをcanonicalに指定しないでください
クイックリファレンス:オンページ監査チェックリスト
| 要素 | 確認項目 | 合格基準 |
|---|---|---|
| タイトルタグ | 存在し、一意で、適切な長さである | 50~60文字で、キーワードを含む |
| メタディスクリプション | 存在し、一意で、適切な長さである | 150~160文字で、CTAを含む |
| H1 | 存在し、1つのみで、キーワードを含む | 主要キーワードを含むH1がちょうど1つある |
| 見出しの階層 | レベルが飛ばされていない | H1 > H2 > H3(飛び越しなし) |
| 画像 | 代替テキストがある | 装飾目的でないすべての画像に説明的な代替テキストがある |
| 内部リンク | 説明的なアンカーである | 「ここをクリック」がなく、関連性のあるアンカーを使用している |
| Canonical | 存在し、自身を参照している | 絶対HTTPS URLである |
| OGタグ | 存在する | og:title、og:description、og:image、og:url |
| URL | 簡潔で、キーワードを含んでいる | ハイフンを使用し、小文字で、簡潔である |
| コンテンツ | 十分な量があり、独自性がある | ページの種類に応じた文字数を満たしている |
関連スキル
- seo-technical-audit — クロール可能性、速度、インデックス登録の問題に対応します
- seo-schema-structured-data — JSON-LDマークアップを追加します
- seo-content-strategy — キーワード調査とコンテンツ計画に対応します
- seo-mcp-tools-expert — MCP ツールを効果的に使用します
ページ内 SEO に役立つ主な MCP ツール
| ツール | 用途 |
|---|---|
analyze_page | スコアリングを含む包括的なページ内分析 |
analyze_headings | 見出し構造の検証 |
analyze_images | 画像の代替テキストと最適化の監査 |
analyze_internal_links | リンクのマッピングとアンカーテキストの分析 |
generate_meta_suggestions | AI によるメタタグの改善提案 |
ページ内 SEO でよくある15の間違いについては、COMMON_MISTAKES.md をご覧ください。 手順に沿った監査チェックリストについては、CHECKLISTS.md をご覧ください。 最適化の変更前と変更後の例については、EXAMPLES.md をご覧ください。