mcpField
L
landing-page

landing-page

github.com/shawnpangマーケティング・グロース370273 回インストール33 週間前に更新
リポジトリ

landing-page について

landing-page は、ローンチページやウェイトリストページから価格・機能ページまで、製品ページの作成と監査を支援するスキルです。ページの目標、対象者、流入元、ユーザーの懸念に基づき、コピー作成やコンバージョン改善の提案を整理します。

主な機能

  1. 01ページ種別と目標の評価
  2. 02価値提案と見出しの確認
  3. 03CTAと視覚的階層の監査
  4. 04信頼要素と懸念事項の確認
  5. 05コピー案とA/Bテスト案の作成

活用シーン

  1. 01製品ローンチ用ページの作成
  2. 02コンバージョン率が低いページの監査
  3. 03見出しやCTAのテスト案作成

インストール

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

$npx skills add https://github.com/shawnpang/startup-founder-skills --skill landing-page

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

詳細

ランディングページ

使用する場面

  • 新しいランディングページをゼロから作成する場合(製品のローンチ、機能紹介ページ、ウェイティングリスト)。
  • 既存ページをコンバージョン率最適化(CRO)の観点から監査する場合。
  • 見出し、CTA、またはヒーローセクションを書き直す場合。
  • 特定のオーディエンスやトラフィックソースに合わせてページのセクションを構成する場合。
  • コピーやレイアウトの変更について、A/B テスト用のバリエーションを作成する場合。

必要なコンテキスト

  • startup-context から: 製品の説明、ICP(理想的な顧客像)、価値提案、競合他社に対する位置付け、成長段階、ブランドのトーン。
  • ユーザーから: ページの URL または現在のコピー(監査の場合)、ページの種類(ホームページ、ランディングページ、料金ページ、機能紹介ページ、ブログ)、主要なコンバージョン目標(登録、デモ、購入、購読、ダウンロード)、トラフィックソース(オーガニック、有料、メール、ソーシャル)、既存のコンバージョンデータやユーザー調査。

ワークフロー

  1. ページの種類とコンバージョン目標を特定する -- すべてのページに主要なコンバージョンアクションを1つ設定します。ホームページ、ランディングページ、料金ページ、機能紹介ページ、ブログ記事のいずれかを判断します。それぞれに異なるCROフレームワークがあります。
  2. 価値提案の明確さを評価する -- 訪問者は5秒以内に、これが何で、なぜ関心を持つべきなのかを理解できますか?コピーがベネフィット重視(良い)か機能重視(よくある問題)かを確認します。会社独自の専門用語ではなく、顧客の言葉で書かれていることを確かめます。
  3. 見出しの効果を評価する -- 見出しは価値提案の核心を伝えていますか?意味が伝わるだけの具体性がありますか?トラフィックソースのメッセージと一致していますか?以下の見出しの型を適用します:
    • 成果重視:「[望む成果]を、[悩みの種]なしで実現」
    • 具体性: 数字、期間、具体的な成果を盛り込みます
    • ソーシャルプルーフ:「[成果]を達成している[N]チームに加わりましょう」
    • 直接的な語りかけ:「[つらいこと]をしていますね。もっと良い方法があります。」
  4. CTAの配置、コピー、階層を監査する -- スクロールせずに見える位置に、明確な主要アクションが1つありますか?ボタンのコピーは単なる行動ではなく、価値を伝えていますか?(「送信」より「無料トライアルを始める」が効果的です。)CTAの階層(主要と副次)を確認し、重要な判断ポイントで繰り返し表示されているかを確かめます。
  5. 視覚的な階層と読み取りやすさを確認する -- ページをざっと見ただけで、主なメッセージがわかりますか?最も重要な要素が視覚的に目立っていますか?十分な余白がありますか?画像はメッセージを補強していますか、それとも妨げていますか?
  6. 信頼のシグナルとソーシャルプルーフを評価する -- 以下を確認します:顧客のロゴ(特に認知度の高いもの)、具体的な内容と推薦者情報を含むお客様の声、実際の数値を含む事例紹介、レビュー評価、セキュリティバッジ。CTAの近くや、ベネフィットを示す主張の後に信頼のシグナルを配置します。
  7. 懸念への対応を特定する -- よくある懸念に対応していますか?価格や価値に関する懸念、「自分にも使えるのか?」、導入の難しさ、「うまくいかなかったらどうなるのか?」といった疑問に、FAQセクション、保証、比較コンテンツ、プロセスの透明性を通じて答えます。
  8. 摩擦の原因を見つける -- フォーム項目が多すぎる、次の手順が不明瞭、ナビゲーションがわかりにくい、必須にすべきでない項目が必須になっている、モバイルでの使い勝手が悪い、読み込みが遅い、といった点を確認します。

出力形式

  • 監査の場合: 推奨事項を次のように構成します:(1)すぐに効果が見込める簡単な変更、(2)コンバージョンの大幅な改善につながる、大きな労力を要する変更、(3)A/Bテストを検討する価値のある仮説。重要な要素については、理由を添えてコピー案を2~3個提示します。
  • 草案作成の場合: セクションごとに整理したページ全体のコピーを、見出しのバリエーション2~3案とCTAテキストの選択肢とともに提示します。レイアウトとビジュアルに関する推奨事項も含めます。

フレームワークとベストプラクティス

ページ別CRO
  • ホームページ: 初めて訪れたユーザーに明確なポジショニングを伝え、主要なコンバージョンへの最短ルートを用意し、「今すぐ購入したい」ユーザーと「まだ情報収集中」のユーザーの両方に対応します。
  • ランディングページ: 流入元とメッセージを一致させ、CTAを1つに絞り(可能であればナビゲーションを削除)、1ページで主張を完結させます。
  • 料金ページ: プランを明確に比較し、おすすめのプランを示して、「自分にはどのプランが合うのか」という不安に対処します。
  • 機能ページ: 機能とメリットを結び付け、ユースケースや例を含め、試用・購入への明確な導線を用意します。
  • ブログ記事: コンテンツのトピックに合った文脈的なCTAを配置し、自然な区切りにインラインCTAを設けます。
コピーの原則
  • 見出しはページ上で最も重要な要素です。 見出しでスクロールを止められなければ、ほかの要素は意味をなしません。何よりも先に見出しをテストしてください。
  • 気の利いた表現より具体性を優先します。 「週あたりのレポート作成時間を12時間削減」は、「もっと賢く、もっと効率的に」より常に効果的です。
  • サブ見出しが価値を具体的に伝えます。 見出しで関心を引き、サブ見出しで価値を説明します。誰に向けた製品か、何ができるか、なぜ重要なのかを明確にするために使ってください。
  • 認知レベルに合わせます。 訪問者の認知度に応じて、コピーの詳しさを調整してください。有料検索からの訪問者は一般に解決策を認知しており、料金やCTAを求めています。ソーシャル広告からの訪問者は一般に問題を認知しているか、認知していないため、まず問題について説明する必要があります。流入元から認知レベルがわかります。
コンバージョンの原則
  • 1ページにつき目標は1つです。 訪問者に同等の選択肢を2つ提示しないでください。すべての要素を主要なCTAに向けて配置します。
  • ファーストビューの原則。 訪問者が5秒以内に、何を提供しているのか、誰向けなのか、次に何をすればよいのかを理解できるようにします。
  • 最終CTAの近くでリスクを取り除きます。 「うまくいかなかったらどうしよう?」という不安には、無料トライアル、返金保証、または契約義務がないことを示す文言で対処します。
  • ソーシャルプルーフの配置。 ヒーローセクションに小さな実績を示す要素(「500以上のチームに信頼されています」)を置き、ファーストビューより下に専用の実績セクションを設けます。
  • お客様の声は具体的にします。 「この製品は素晴らしい」では何の説得力もありません。「オンボーディング期間を3週間から2日に短縮できました」なら説得力があります。数値を含む、成果に焦点を当てた具体的なお客様の声を集めてください。
  • 認知負荷を減らします。 選択肢、リンク、情報が増えるたびに、ユーザーの負担が増します。主要なコンバージョンを直接後押ししないものは、すべて削除してください。
  • モバイルを最優先します。 トラフィックの60%以上はモバイルです。親指で操作しやすい範囲を考慮して設計してください。拡大しなくてもCTAをタップできるようにします。

関連スキル

  • content-strategy -- ランディングページへのトラフィックを増やすために、補足コンテンツが必要な場合
  • seo-technical -- ランディングページを自然検索で上位表示させる必要がある場合
  • cold-outreach -- ランディングページがアウトバウンドキャンペーンの遷移先で、コピーをメールのメッセージに合わせる必要がある場合

例

例 1:ページの監査

「こちらがランディングページのコピーです。月間訪問者数は 15k ですが、コンバージョン率はわずか 1.2% です。何が問題でしょうか?」

良い出力:すぐに実施できる改善案(例:機能中心の見出しを成果中心に書き換える)、影響の大きい変更(ページのセクションを再構成する、ヒーローにソーシャルプルーフを追加する)、テスト案(見出しのバリエーション 3 つ、CTA コピーの選択肢 2 つ)。各提案には、具体的な問題、修正案、期待できる効果が含まれます。

例 2:新しいページの草案

「開発者向けツールのウェイトリストページを公開する予定です。ターゲットは、デプロイの複雑さに悩むバックエンドエンジニアです。」

良い出力:セクションごとのコピー一式。ヒーローの見出し:「30 ステップではなく、3 つのコマンドで本番環境にデプロイ。」具体的な悩みを示して問題意識を高める内容。3 ステップの「仕組み」セクション。ソーシャルプルーフのプレースホルダーに関するガイダンス。CTA:「ウェイトリストに参加した 2,400 人のエンジニアに加わりましょう。」見出しの代替案 2 つとレイアウトに関する注記。

例 3:A/B テストの提案

「登録ページのコンバージョン率は 3.5% です。何からテストすればよいでしょうか?」

良い出力:優先順位を付けたテスト計画。(1) 見出し -- 価値提案を機能中心から成果中心に捉え直した 3 つのバリエーション。(2) CTA コピー -- 「無料トライアルを始める」と「実際の動作を見る」と「2 分で始める」を比較。(3) ヒーローの信頼要素 -- 顧客数またはロゴ一覧。各テストには、対照案、バリエーション、仮説、最低サンプルサイズに関するガイダンスが含まれます。

コメント