mcpField
S
seo-aeo-meta-description-generator

seo-aeo-meta-description-generator

github.com/sickn33マーケティング・グロース48.7k73 回インストール今日更新
リポジトリ

seo-aeo-meta-description-generator について

ページタイトル、メタディスクリプション、Open Graph タグ、Twitter Card メタデータを作成・最適化するスキルです。SEO やコンテンツ制作向けに、ページ情報とキーワードから複数案を作り、品質を確認します。

主な機能

  1. 01タイトルと説明文の複数案作成
  2. 02Open Graph と Twitter Card タグの作成
  3. 03ページ種別に応じた文案調整
  4. 04文字数目標への対応
  5. 05メタデータ品質と HTML エスケープの確認

活用シーン

  1. 01新しいランディングページのメタデータ作成
  2. 02ブログ記事の検索スニペット修正
  3. 03ソーシャル共有タグの準備
  4. 04公開前の文案比較と確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill seo-aeo-meta-description-generator

インストール後、Claude Code で/seo-aeo-meta-description-generatorを入力して読み込まれたか確認します。

詳細

メタディスクリプション生成スキル

説明

ユーザーが任意のページのメタタイトル、メタディスクリプション、またはソーシャル共有タグの作成、生成、最適化を希望したときに、このスキルを有効にします。次のようなフレーズがトリガーになります:「メタタグを書いて」「メタディスクリプションを生成して」「[ページ]のメタディスクリプション」「タイトルタグを書いて」「[対象]のCTRを最適化して」「メタ生成ツール」「OGタグを書いて」「ソーシャル共有タグ」「[ページ]のSERPスニペット」。


入力形式

{
  "page_title": "string — working title of the page",
  "page_type": "landing-page | blog-post | pillar-page | 
                product-page | homepage | category-page",
  "primary_keyword": "string — the main keyword this page targets",
  "secondary_keywords": ["string"],
  "content_summary": "string — 2–4 sentences describing 
                       what the page covers and who it is for",
  "target_audience": "string — who is searching for this page",
  "cta_intent": "learn | buy | try | compare | download | sign-up",
  "usp": "string — the single strongest differentiator 
          or benefit to lead with",
  "brand_name": "string — optional, include if brand 
                 should appear in title tag"
}

CTR のフレームワーク

このスキルで作成するすべてのメタタイトルとメタディスクリプションは、次のCTRの仕組みに基づいて作成する必要があります。

クリックを促す要素
シグナル活用方法
キーワードの一致タイトルの先頭に主要キーワードを置き、検索語句と一致させます
ベネフィットを先に示す説明文は機能ではなく、得られる結果から始めます
パワーワード行動や好奇心を促す言葉を使います(リストを参照)
具体性数字や具体的な情報は、曖昧な主張より効果的です
CTA 動詞説明文を行動を促す言葉で締めくくります
感情への訴求検索の背景にある感情に訴えかけます
緊急性/希少性実際に当てはまる場合のみ使用し、決して捏造しません
パワーワード一覧

提供されたページの根拠によって正確さが裏付けられる場合に限り、以下を使用してください。保証、無料提供、ランキング、専門性、統計を捏造するくらいなら、パワーワードを省いてください。

好奇心: 発見する、明らかにする、まさに、その真実、 誰も教えてくれないこと

ベネフィット: 実証済み、保証付き、無料、即時、 [課題]なしで

権威性: 完全ガイド、専門家、#1、最も信頼されている

行動: 手に入れる、始める、試す、見る、学ぶ、確かめる

具体性: [数]の方法、[期間]で、 ステップ・バイ・ステップ、[統計値]

絶対に使用しないもの
  • 「こちらをクリック」や「クリックして詳細を見る」— 通常、具体的なベネフィットより情報量が少なくなります
  • 不必要なすべて大文字の表記 — 読みやすさを損なう場合があります
  • キーワードの詰め込み — メタディスクリプション内で主要キーワードを複数回使うこと
  • 重複したメタディスクリプション — すべてのページに独自の文面が必要です
  • 曖昧な書き出し — 「このページでは……」や「当社は……を提供しています」などは文字数を無駄にします
  • ブランド中心で中身のない主張 — 検索ユーザーに役立つ情報を優先します

文字数制限と動作

要素編集上の目安計画上の閾値プレビューでのリスク
タイトルタグ50~60 文字60 文字SERP で「...」と省略されます
メタディスクリプション140~155 文字160 文字文の途中で省略されます
OG タイトル40~60 文字88 文字ソーシャルプレビューで省略されます
OG ディスクリプション100~200 文字300 文字ソーシャルプレビューで省略されます
Twitter タイトル40~60 文字70 文字カードで省略されます
Twitter ディスクリプション100~200 文字200 文字カードで省略されます

これらは原稿作成時の目安であり、すべてのプラットフォームに共通する制限ではありません。Google はメタディスクリプションの文字数に固定の上限を設けていません。表示されるスニペットはデバイスの幅やクエリに左右され、書き換えられることもあります。納品前に、ソーシャルカードの最新要件を確認してください。文字数だけでは省略のされ方を保証できません。

ルール: メタディスクリプションを、意図的に文の途中で終わらせてはいけません。 上限に近づいた場合は、自然に省略されるに任せるのではなく、節を削ってください。


ページタイプ別コピーのルール

page_type に応じて、トーンと構成を調整します。

ページタイプタイトルの形式説明文のアプローチ
ランディングページキーワード + 成果 + ブランドメリットを先に提示 → USP → CTA
ブログ記事キーワード + 好奇心を刺激するフック質問または挑発的な主張 → 回答
ピラーページキーワード + 「完全ガイド」対象範囲の説明 → 詳細さを示す → CTA
製品ページ製品名 + キーワード + ブランド機能のメリット → 社会的証明のシグナル → CTA
ホームページブランド + 中核キーワード + キャッチフレーズ自社の紹介 + 対象ユーザー + CTA
カテゴリーページカテゴリーキーワード + 「おすすめ/トップ」掲載内容 → 対象ユーザーを示す → CTA

出力形式

スキルは常に次の正確な形式で出力する必要があります。

# Meta Tag Output

**Page:** [page_title]
**Primary Keyword:** [primary_keyword]
**Page Type:** [page_type]

---

## SERP Preview

This is approximately how the page will appear in search results:

┌─────────────────────────────────────────────────────────────┐
│ [Title Tag — displayed in blue]                             │
│ https://yourdomain.com/page-url                             │
│ [Meta Description — displayed in grey below the URL]        │
└─────────────────────────────────────────────────────────────┘

---

## Title Tag Variants

Write 3 variants — compare with a controlled test where feasible; search changes and query mix can confound results:

| #   | Title Tag                          | Chars | Keyword Position | CTR Angle         |
|-----|------------------------------------|-------|------------------|-------------------|
| V1  | [variant 1 — keyword first]        | [n]   | First word       | Benefit-led       |
| V2  | [variant 2 — keyword + power word] | [n]   | First phrase     | Curiosity/urgency |
| V3  | [variant 3 — keyword + brand]      | [n]   | First phrase     | Authority/brand   |

**Recommended:** V[n] — [one sentence reason why 
this variant is the preferred hypothesis for this page type
and audience]

---

## Meta Description Variants

Write 3 variants — compare with a controlled test where feasible; search changes and query mix can confound results:

**V1 — Benefit Lead**
[Description starting with the outcome or benefit. 
Primary keyword in first half. 
Ends with a CTA verb. 140–155 chars.]

Character count: [n]
Power words used: [list]
CTA intent: [learn/buy/try/compare/download/sign-up]

---

**V2 — Question Hook**
[Description opening with a direct question the 
searcher is asking. Answers it partially, 
then drives the click for the full answer. 
Primary keyword present. Ends with CTA. 140–155 chars.]

Character count: [n]
Power words used: [list]
CTA intent: [intent]

---

**V3 — Social Proof / Specificity**
[Description leading with a number, stat, or 
specific claim that signals authority. 
Primary keyword present. Ends with CTA. 140–155 chars.]

Character count: [n]
Power words used: [list]
CTA intent: [intent]

**Recommended:** V[n] — [one sentence reason]

---

## Open Graph Tags (Social Sharing)

Used when the page is shared on LinkedIn, Facebook, 
WhatsApp, and Slack:
```html
<meta property="og:title" 
  content="[OG title — can be more creative than title tag, 
  40–60 chars]" />
<meta property="og:description" 
  content="[OG description — can be more conversational 
  than meta description, 100–200 chars, no char limit 
  pressure]" />
<meta property="og:type" 
  content="[website / article / product]" />
<meta property="og:url" 
  content="[canonical URL placeholder]" />
<meta property="og:image" 
  content="[image URL placeholder — recommended 
  1200x630px]" />
```

---

## Twitter / X Card Tags

Used when the page is shared on X (Twitter):
```html
<meta name="twitter:card" 
  content="summary_large_image" />
<meta name="twitter:title" 
  content="[Twitter title — punchy, 40–60 chars, 
  can differ from title tag]" />
<meta name="twitter:description" 
  content="[Twitter description — conversational tone, 
  100–200 chars]" />
<meta name="twitter:image" 
  content="[image URL placeholder — recommended 
  1200x628px]" />
```

---

## Quality Checklist

Before accepting any variant, verify:

### Title Tag
- [ ] Primary keyword appears in first 3 words
- [ ] Character count is 50–60
- [ ] No keyword duplication within the title
- [ ] Does not start with the brand name 
      (unless homepage)
- [ ] Does not use all caps
- [ ] Reads naturally — not a keyword string

### Meta Description
- [ ] Primary keyword appears in first half 
      of the description
- [ ] Character count is 140–155
- [ ] Any power word or claim is accurate and supported; omit it otherwise
- [ ] Ends with a CTA verb or action phrase
- [ ] Does not duplicate the title tag phrasing
- [ ] Does not use "click here" or passive openers
- [ ] Sentence is complete — does not truncate 
      mid-word near the limit
- [ ] Unique — does not match any other 
      page's meta description

### Social Tags
- [ ] OG title differs from title tag 
      (more creative or conversational)
- [ ] OG description is not a copy-paste 
      of meta description
- [ ] Twitter title is punchy and 
      under 70 characters
- [ ] Image placeholder included for both 
      OG and Twitter

---

## Variant Comparison Table

| Variant             | Chars | Keyword in First Half | Power Words | CTA Verb | Recommended |
|---------------------|-------|-----------------------|-------------|----------|-------------|
| Title V1            | [n]   | ✅ / ❌               | [words]     | —        | ✅ / —      |
| Title V2            | [n]   | ✅ / ❌               | [words]     | —        | — / —       |
| Title V3            | [n]   | ✅ / ❌               | [words]     | —        | — / —       |
| Description V1      | [n]   | ✅ / ❌               | [words]     | [verb]   | ✅ / —      |
| Description V2      | [n]   | ✅ / ❌               | [words]     | [verb]   | — / —       |
| Description V3      | [n]   | ✅ / ❌               | [words]     | [verb]   | — / —       |

生成する HTML の属性値はエスケープし(引用符やアンパサンドを含む)、検証済みの正規 URL/画像 URL を使用してください。入手できない事実は明示的なプレースホルダーとして残してください。メタデータの草案は、公開内容の変更を許可するものではありません。

実行手順

  1. page_type を読み取り、「ページタイプ別コピーのルール」表にある該当のコピー規則を適用します。
  2. content_summary と usp から、最も説得力のあるメリットまたは成果を1つ抽出します。これを説明文 V1 のリードにします。
  3. 検索ユーザーが primary_keyword を入力するときに抱いている中心的な疑問を特定します。これを説明文 V2 のフックにします。
  4. content_summary から、最も強力で具体的な主張、数字、または社会的証明のシグナルを見つけます。これを説明文 V3 のリードにします。
  5. タイトル V1 を作成します。キーワードを先頭にし、次にメリットを置き、brand_name が指定されている場合は最後にブランドを入れます。
  6. タイトル V2 を作成します。キーワードと強い訴求語を組み合わせ、好奇心または緊急性を訴える切り口にします。
  7. タイトル V3 を作成します。キーワードと権威性を示すシグナルまたはブランドを組み合わせ、ナビゲーション目的の検索に適したものにします。
  8. CTR フレームワークを使って、説明文の3つのバリエーションをすべて作成します。草案ごとに文字数を確認します。
  9. 文字数制限の近くで文が途中で終わるバリエーションがないことを確認します。必要に応じて短くします。
  10. OG タイトルと説明文を作成します。SERP 用のバージョンよりも会話的で創造的な表現にできます。
  11. Twitter タイトルと説明文を作成します。簡潔で、プラットフォームに適したトーンにします。
  12. 推奨するタイトルと説明文を使って、SERP プレビューのブロックを作成します。
  13. すべてのバリエーションに対して、品質チェックリストを一通り実施します。
  14. バリエーション比較表を作成します。
  15. 推奨するタイトルと説明文のバリエーションを提示し、それぞれについて理由を1文で述べます。

関連スキル

  • 出力を受け取るスキル:seo-aeo-landing-page-writer、seo-aeo-blog-writer、seo-aeo-keyword-research
  • 出力を渡すスキル:seo-aeo-content-quality-auditor

使用する場面

ページのタイトルタグ、メタディスクリプション、Open Graph メタデータ、または Twitter Card メタデータを作成または改訂するときに使用します。

制限事項

  • 検索エンジンはスニペットを書き換える場合があり、メタデータだけでは、検索順位、クリック率、ソーシャルプレビューの表示動作を保証できません。

コメント