mcpField
L
landing-page-copy

landing-page-copy

github.com/guia-matthieuマーケティング・グロース150295 回インストール4 週間前に更新
リポジトリ

landing-page-copy について

マーケター向けのランディングページ制作スキルです。目標に応じた構成や各セクションのコピーを提案し、テンプレートと監査チェックリストも提供します。

主な機能

  1. 01コンバージョン目標別の構成
  2. 02見出し・本文・CTAの作成
  3. 03ページの課題の監査
  4. 04再利用可能なテンプレート作成
  5. 05コピー概要と確認項目の提供

活用シーン

  1. 01リード獲得・販売ページの作成
  2. 02成果の低いページの確認
  3. 03デザイナー向けコピー概要の準備

インストール

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

$npx skills add https://github.com/guia-matthieu/clawfu-skills --skill landing-page-copy

インストール後、Claude Code で/landing-page-copyを入力して読み込まれたか確認します。

詳細

ランディングページのコピー

実証済みの構成、説得力のあるセクション、ベストプラクティスを活用して、コンバージョン率の高いランディングページを作成します。ヒーローからフッターまで、すべての要素を最適化します。

このスキルを使う場面

  • ランディングページをゼロから作成するとき
  • 成果の低い既存ページを改善するとき
  • 繰り返し使えるページタイプのテンプレートを作成するとき
  • リード獲得、販売、製品ページの構成を考えるとき
  • コンバージョン最適化の観点からページをレビューするとき
  • デザイナー向けのランディングページコピーのブリーフを作成するとき

方法論の基盤

出典:Unbounce の調査、CXL Institute の研究、Copyhackers の方法論、ダイレクトレスポンスのベストプラクティスをまとめたものです。

基本原則:ランディングページの役割は、訪問者に1つの行動を取ってもらうことです。見出し、本文、根拠、CTAなど、すべての要素がその1つのコンバージョン目標を後押しする必要があります。

これが重要な理由:ランディングページの平均コンバージョン率は5〜15%です。成果の高いページでは25%以上に達します。その差を生むのは、ほとんどの場合、デザインではなくコピーと構成です。

Claude が行うことと、あなたが決めること

Claude が行うことあなたが決めること
制作ワークフローを構成する最終的なクリエイティブの方向性
技術的なアプローチを提案する機材とツールの選択
テンプレートとチェックリストを作成する品質基準
ベストプラクティスを特定するブランドやトーンに関する判断
スクリプトのアウトラインを作成する最終的なスクリプトの承認

このスキルでできること

  1. ランディングページ全体を構成する - セクションごとに作成します
  2. ページの各要素を作成する - 見出し、本文、箇条書き、CTA
  3. 目標に合わせて構成を調整する - リード獲得、販売、製品、イベント
  4. 既存ページを監査する - コンバージョンを妨げる要因を特定します
  5. ページテンプレートを作成する - 再利用可能なフレームワーク

使い方

ランディングページ全体を作成する
Write landing page copy for:
Product: [description]
Goal: [lead gen, sale, demo booking, etc.]
Audience: [who they are and awareness level]
Key differentiator: [main USP]
既存ページを監査する
Audit this landing page and identify conversion issues:
[URL or paste the copy]
Goal: [what the page should convert]
ページテンプレートを作成する
Create a landing page template for [page type]:
- Lead gen for [offer type]
- Product page for [product type]
- Sales page for [price range]
特定のセクションを作成する
Write the [hero section / features section / testimonials section / FAQ] for:
Product: [description]
Key message: [main point for this section]

手順

ランディングページを作成するときは、次の構成とベストプラクティスに従ってください。

汎用ランディングページの構成
## Core Landing Page Sections

1. HERO SECTION
   └── Headline + Subheadline + CTA + Visual

2. PROBLEM SECTION
   └── Agitation of pain points

3. SOLUTION SECTION
   └── Your product as the answer

4. FEATURES/BENEFITS SECTION
   └── What they get + why it matters

5. SOCIAL PROOF SECTION
   └── Testimonials, logos, numbers

6. OBJECTION HANDLING
   └── FAQ or comparison section

7. FINAL CTA SECTION
   └── Summary + CTA + urgency

8. FOOTER
   └── Trust signals + secondary links

セクション1:ヒーロー
## Hero Section (Above the Fold)

The hero must answer 3 questions in <5 seconds:
1. What is this?
2. Who is it for?
3. Why should I care?

### Hero Elements

**Headline** (most important element)
- Clear primary benefit or transformation
- Specific, not vague
- Matches the ad/email that brought them here
- 10 words or fewer ideal

**Subheadline**
- Expands on the headline
- Adds specificity or mechanism
- Addresses WHO it's for
- 20-30 words max

**CTA Button**
- Primary action
- Value-focused text
- High contrast, prominent

**Visual**
- Product shot OR outcome visualization
- Happy user (if using people)
- Should reinforce the headline

**Supporting Microcopy**
- Below CTA: "No credit card required"
- Trust badges if relevant
- Quick wins: "2-min setup"

### Hero Template

[見出し:主なメリットを10語以内で伝える]

[サブ見出し:そのメリットを得る方法、対象者、または独自性を説明する]

[CTA ボタン:行動+価値]

[補足文:主な不安を解消する]


### Hero Examples

**SaaS Example:**

見出し:「ついに、営業担当者が実際に使う CRM」 サブ見出し:「Pipedrive が面倒な作業を自動化するので、成約に集中できます。10万以上の営業チームに信頼されています。」 CTA:「無料トライアルを開始」 補足文:「クレジットカード不要 • 5分で設定完了」


**Lead Gen Example:**

見出し:「メールの開封数を3倍にした7ステップのチェックリスト」 サブ見出し:「もう勘に頼る必要はありません。登録者数を0人から5万人に増やした、まったく同じフレームワークを使いましょう。」 CTA:「無料チェックリストを入手」 補足文:「すぐに送信 • 迷惑メールなし、いつでも登録解除可能」


セクション2:問題・悩み
## Problem Section

**Purpose**: Show you understand their pain. Create resonance before presenting solution.

### Key Principles
- Use THEIR language (from research/reviews)
- Be specific, not generic
- Agitate but don't manipulate
- 3-5 pain points max
- Set up the solution

### Format Options

**Option A: Bullet List**

こんな経験はありませんか? • [顧客自身の言葉で表した悩み1] • [悩み2] • [悩み3] • [悩み4]


**Option B: "If you're like most..." Statement**

多くの[対象者]と同じように、あなたもおそらく……

  • [うまくいかなかった解決策]を試したものの、何も変わらなかった
  • [面倒な作業]に何時間も費やした
  • [目標]の達成はそもそも可能なのかと疑問に思った

**Option C: Scenario**

毎週月曜日、同じことが起こります。 [つらい状況を生き生きと描写する] [その結果を示す] [代償をほのめかす]


### Problem Section Template

[見出し:質問、または「こんな経験はありませんか?」]

[顧客の言葉を使った、具体的な悩みを3〜5つ]

[つなぎの言葉:「このままである必要はありません」または「もっと良い方法があります」]


セクション3:解決策
## Solution Section

**Purpose**: Introduce your product as THE answer to the problems just described.

### Key Principles
- Direct connection to problems stated
- Focus on outcomes, not features (yet)
- Keep it simple—overview only
- Visual of product if possible

### Format

**Header**: Transition statement
- "Enter [Product Name]"
- "That's exactly why we built [Product]"
- "Meet your new [category]"

**Body**: 1-2 short paragraphs
- What it does (simply)
- How it solves the stated problems
- Main differentiator

**Visual**: Product screenshot or demo gif

### Solution Section Template

[見出し:「[製品名]のご紹介」または「もっと良い方法があります」]

[説明:何を提供するのか、どのように問題を解決するのかを2〜3文で説明する]

[主な差別化要因:他と異なる最大の特長を1つ]

[ビジュアル:製品の使用中の様子]


セクション4:機能とメリット
## Features/Benefits Section

**Purpose**: Detail what they get and why each element matters.

### Key Principles
- Lead with benefit, support with feature
- 3-5 core features max (don't overwhelm)
- Each feature gets its own visual/icon
- Link features to stated problems

### The FAB Formula (For Each Feature)
**Feature** → **Advantage** → **Benefit**

### Format

[メリットを重視したセクション見出し]

[機能1の名前]

[どのような機能で、なぜ重要なのかを1〜2文で説明する]

[機能2の名前]

[1〜2文]

[機能3の名前]

[1〜2文]


### Features Template

[目標]を達成するために必要なものがすべて揃っています

[機能 1:メリットを先に伝える名前]

[何ができるか] → [それが生活や仕事にどう役立つか]

[機能 2:メリットを先に伝える名前]

[何ができるか] → [それがどう役立つか]

[機能 3:メリットを先に伝える名前]

[何ができるか] → [それがどう役立つか]


### Example

物事を壊すことなく、より速くリリース

ワンクリックデプロイ

数時間ではなく、数秒で本番環境にデプロイできます。問題が起きた場合は、自動でロールバックします。

リアルタイムのエラー追跡

ユーザーより先に問題を把握できます。該当するコード行を含むアラートを受け取れます。

チームでのコラボレーション

デプロイにコメントし、担当者を割り当て、変更を追跡できます。チーム全員で情報を共有できます。


セクション 5:利用者の声
## Social Proof Section

**Purpose**: Provide evidence that this works for people like them.

### Types of Social Proof (Use 2-3)

**1. Testimonials**
- Specific results mentioned
- Photo + name + title
- Relatable to target audience

**2. Logos**
- Recognizable brands
- "Trusted by" framing
- 5-8 logos optimal

**3. Numbers**
- Users/customers count
- Results achieved
- Industry recognition

**4. Ratings/Reviews**
- Star ratings
- Third-party review sites
- Specific review quotes

**5. Case Studies**
- Before/after results
- Detailed story
- Specific metrics

### Social Proof Template

[成果を達成している] [対象者] [人数]+ の仲間に加わりましょう

[ロゴまたは統計情報の列]

お客様の声

[お客様の声 1] 「[可能であれば数値を含む、具体的な成果についての引用]」 — [名前]、[会社名]の[役職]

[お客様の声 2] 「[異なる視点やメリットを強調]」 — [名前]、[会社名]の[役職]

[お客様の声 3] 「[3 つ目の視点]」 — [名前]、[会社名]の[役職]


### Social Proof Best Practices

- Use photos (real ones)
- Include specific results
- Match testimonials to target persona
- Avoid generic praise ("great product!")
- Show variety (different use cases/industries)

セクション 6:懸念への対応
## Objection Handling Section

**Purpose**: Address remaining doubts and barriers to conversion.

### Common Objections to Address
- "Is this right for me?"
- "What if it doesn't work?"
- "Is it worth the price?"
- "Is it difficult to use/switch?"
- "Can I trust this company?"

### Format Options

**Option A: FAQ**

よくある質問

[質問 1] [懸念に答える回答]

[質問 2] [回答]


**Option B: Comparison Table**
| | You (Now) | You (With Product) |
|---|---|---|
| [Aspect 1] | [Current state] | [Better state] |

**Option C: "Is this for me?"**

[製品]は、次のような方におすすめです:

✓ [特徴 1]に当てはまる方 ✓ [成果 2]を望む方 ✓ [取り組む準備]ができている方

[製品]は、次のような方にはおすすめしません:

✗ [該当しないもの]をお探しの方 ✗ [前提条件]を満たしていない方


### FAQ Template

ご質問がありますか?お答えします。

[技術的な要件]は必要ですか? いいえ。[製品]は[簡単に]利用できます。[複雑なもの]は必要ありません。

気に入らなかった場合はどうなりますか? [保証の詳細]。理由をお聞きすることはありません。

どのくらいで効果が出ますか? ほとんどのお客様が[期間]以内に[成果]を実感しています。[お客様の声/データポイント]。

データは安全ですか? もちろんです。[セキュリティに関する認証情報]。[信頼につながる情報]。


セクション 7:最後の CTA
## Final CTA Section

**Purpose**: Recap value and push to conversion.

### Key Principles
- Summarize the transformation
- Restate key benefits
- CTA with full context
- Add urgency if genuine
- Address final objection (guarantee)

### Final CTA Template

[成果を達成する]準備はできていますか?

[変化を後押しする 1~2 文]

[箇条書き:得られる主なメリット 3 つ] • [メリット 1] • [メリット 2] • [メリット 3]

[CTA ボタン]

[保証/リスクを軽減する説明] [最後の補足文:「ご質問がありますか?お問い合わせください」]


### Example

不正確なデータで商談を逃すのは、もうやめませんか?

Datafixを利用して、より多くの商談を成約した営業チーム 10,000+ に加わりましょう。

• 連絡先情報をリアルタイムで更新 • 正確性 97% を保証 • 2 分で設定完了。IT 部門への依頼も不要

[無料で始める—クレジットカード不要]

30 日間の返金保証。いつでもキャンセルできます。

ご質問がありますか?チームにチャットでお問い合わせください →


ランディングページの種類
## Page Structure by Goal

### Lead Gen Page (Free Offer)
1. Hero (clear value of free offer)
2. What's inside preview
3. Social proof (short)
4. Simple form
5. Trust signals

Length: Short (1-2 scrolls)

### Product Page (SaaS Free Trial)
1. Hero
2. Problem
3. Solution
4. Features (3-5)
5. Social proof
6. Pricing (optional)
7. FAQ
8. Final CTA

Length: Medium (3-4 scrolls)

### Sales Page (Paid Product)
1. Hero
2. Problem (expanded)
3. Solution + Story
4. Features/Benefits (detailed)
5. Social proof (extensive)
6. Offer stack
7. Guarantee
8. FAQ (extensive)
9. Final CTA (urgency)

Length: Long (5+ scrolls)

### Event/Webinar Page
1. Hero (date/time prominent)
2. What you'll learn
3. Speaker bio
4. Social proof
5. Registration form
6. FAQ (logistics)

Length: Short-Medium

例

例 1:SaaS 製品のランディングページ

背景:クリエイター向けメールマーケティングツール

出力:

## HERO SECTION

**Headline**: "Grow your audience. Sell more stuff."

**Subheadline**: "ConvertKit is the email platform built for creators—not marketers. Beautiful emails, powerful automations, and landing pages that convert."

**CTA**: "Start Free"
**Microcopy**: "Free up to 1,000 subscribers • No credit card required"

[Visual: Product screenshot showing email builder]

---

## PROBLEM SECTION

**Struggling with email tools built for marketers?**

- Templates that look like spam from 2005
- "Features" you'll never use (but still pay for)
- Support that sends you to a 47-article knowledge base
- Analytics that tell you opens, not actual business results

You're a creator, not a marketing team. You need email that works without a PhD.

---

## SOLUTION SECTION

**ConvertKit: Email that feels like you**

Built by creators, for creators. Simple enough to start today. Powerful enough to scale to 100,000+ subscribers.

One tool. Beautiful emails. Actual sales.

[Product screenshot: Dashboard]

---

## FEATURES SECTION

**Everything you need. Nothing you don't.**

### Beautiful Emails in Minutes
Drag-and-drop editor that creates emails you're proud to send. No designer required.

### Automations That Sell While You Sleep
Welcome sequences, product launches, nurture campaigns. Set once, run forever.

### Landing Pages That Convert
Build pages in minutes. No website needed. Works with your domain.

### Sell Digital Products
Gated content, paid newsletters, courses. Built right in.

---

## SOCIAL PROOF SECTION

**500,000+ creators trust ConvertKit**

[Logos: Pomplamoose, Tim Ferriss, etc.]

"I moved from Mailchimp to ConvertKit 3 years ago. My email revenue is up 412%. Not a typo."
— James Clear, author of Atomic Habits

"Finally, email that doesn't feel like email."
— Ali Abdaal, YouTuber (4M subscribers)

---

## FAQ SECTION

**Is there really a free plan?**
Yes. Free for your first 1,000 subscribers. Build your list, we'll grow together.

**Can I switch from [competitor]?**
We'll import everything for you. Free. Takes 24 hours.

**I'm not technical. Can I use this?**
If you can write an email, you can use ConvertKit. That's the point.

---

## FINAL CTA SECTION

**Ready to grow your audience?**

Join 500,000+ creators who chose email that works.

✓ Free up to 1,000 subscribers
✓ 30-day trial of Pro features
✓ Free migration from any platform

[Start Free Today]

No credit card required. Cancel anytime.

例 2:リード獲得用ランディングページ

背景:マーケター向け無料チェックリスト

出力:

## HERO SECTION

**Headline**: "The 12-Point Launch Checklist We Use for Every Campaign"

**Subheadline**: "Stop missing critical steps. Download the exact checklist we've used to launch 200+ campaigns without disaster."

[Visual: Checklist preview mockup]

**CTA**: "Get the Free Checklist"
**Microcopy**: "Instant download • No spam, ever"

---

## WHAT'S INSIDE SECTION

**What you'll get:**

✓ Pre-launch system checks (the 3 things everyone forgets)
✓ Day-of-launch protocols (minute-by-minute)
✓ Post-launch monitoring (what to watch for 48 hours)
✓ Emergency rollback procedure (just in case)

Plus: The exact tools we use at each step.

---

## SOCIAL PROOF SECTION

"This checklist saved our product launch. Literally. We caught a broken checkout link 2 hours before go-live."
— Marketing Director, Series B SaaS

**Downloaded by teams at:** [Logos]

---

## FORM + CTA

**Get the checklist (free)**

[Form: Email field only]

[Download Now]

Your info is safe. We send 1-2 emails per week. Unsubscribe anytime.

チェックリストとテンプレート

ランディングページ監査チェックリスト
## Landing Page Review

### Hero (Above the Fold)
- [ ] Headline clear and benefit-driven
- [ ] Subheadline adds specificity
- [ ] CTA visible and action-oriented
- [ ] Value clear within 5 seconds
- [ ] Matches ad/email that drove traffic

### Message Match
- [ ] Page headline matches traffic source
- [ ] Promise made in ad is delivered on page
- [ ] No bait-and-switch

### Conversion Path
- [ ] Only ONE primary goal
- [ ] CTA repeated throughout
- [ ] Minimal navigation/exits
- [ ] Form is simple (necessary fields only)

### Trust & Proof
- [ ] Social proof present
- [ ] Testimonials are specific (results)
- [ ] Logos/badges if relevant
- [ ] Risk reversal clear (guarantee)

### Copy Quality
- [ ] Benefits over features
- [ ] "You" language (not "we")
- [ ] Specific numbers/claims
- [ ] Scannable (headers, bullets)
- [ ] No jargon unless audience uses it

### Mobile
- [ ] Hero works on mobile
- [ ] CTAs thumb-friendly
- [ ] Forms easy to complete
- [ ] Page loads fast

ランディングページ概要テンプレート
## Landing Page Copy Brief

### Page Goal
[ ] Lead gen (form completion)
[ ] Free trial signup
[ ] Purchase
[ ] Demo request
[ ] Event registration

### Target Audience
**Who**:
**Awareness level**: Unaware / Problem-aware / Solution-aware / Product-aware

### Key Message
**One sentence value prop**:

### Traffic Source(s)
[ ] Paid search
[ ] Paid social
[ ] Organic
[ ] Email
[ ] Other: ________

**Headline/message in the source**:

### Unique Selling Points
1.
2.
3.

### Main Objections to Overcome
1.
2.
3.

### Social Proof Available
[ ] Testimonials
[ ] Logos
[ ] Stats/numbers
[ ] Case studies
[ ] Reviews

### Offer Details
**What they get**:
**Price** (if applicable):
**Guarantee**:
**Urgency/scarcity** (if applicable):

スキルの範囲

このスキルが得意とすること
  • 音声制作ワークフローの構成
  • 技術的なガイダンスの提供
  • 品質チェックリストの作成
  • クリエイティブなアプローチの提案
このスキルでできないこと
  • 音響エンジニアリングの専門知識を代替すること
  • 主観的なクリエイティブ上の判断を下すこと
  • 音声ファイルに直接アクセスしたり、編集したりすること
  • 商業的な成功を保証すること

参考資料

  • Unbounce。ランディングページのコンバージョンベンチマークレポート
  • CXL Institute。ランディングページ最適化の調査
  • Wiebe, Joanna。Copyhackersのランディングページフレームワーク
  • Schwartz, Eugene。ランディングページに応用する認知度レベル
  • Google。ページエクスペリエンスと Core Web Vitals の調査

関連スキル


スキルのメタデータ(内部使用)

name: landing-page-copy
category: content
subcategory: copywriting
version: 1.0
author: MKTG Skills
source_expert: Multiple (Unbounce, CXL, Copyhackers)
source_work: Compilation of landing page best practices
difficulty: intermediate
estimated_value: $1,000 landing page copywriting
tags: [landing-pages, conversion, copywriting, structure]
created: 2025-01-24
updated: 2025-01-24

コメント