mcpField

Landing Page Optimizer

github.com/eddiebe147マーケティング・グロース70 回インストール
リポジトリ

Landing Page Optimizer について

マーケター、グロースチーム、プロダクトマネージャー向けのランディングページ最適化スキルです。コピー、ページ構成、コンバージョン要素、モバイル体験を体系的に監査し、優先順位付きの改善案とテスト計画を提示します。

主な機能

  1. 01コンバージョン改善の監査手順
  2. 02ファーストビューのコピーとビジュアル評価
  3. 03CTA とフォームの改善案
  4. 04信頼要素と懸念事項の分析
  5. 05ページ再構成とコンテンツ整理
  6. 06A/B テスト計画

活用シーン

  1. 01ページのコンバージョン障壁を監査
  2. 02見出しや CTA の案を作成
  3. 03フォーム項目とモバイル体験を確認
  4. 04ページ要素の A/B テストを計画

インストール

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

$npx skills add https://github.com/eddiebe147/claude-settings --skill landing-page-optimizer

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

詳細

ランディングページ最適化

成果の出ていないランディングページを、コンバージョンを生み出すページへと変革します。このスキルでは、コピーライティングの専門知識、UX のベストプラクティス、コンバージョン心理学を組み合わせ、ランディングページのあらゆる要素を体系的に改善します。

多くのランディングページは、大きな機会を逃しています。見出し、CTA、ソーシャルプルーフの配置、フォームのデザインを少し変更するだけで、コンバージョン率を大幅に高められます。このスキルは、継続的にパフォーマンスを改善するための体系的な監査フレームワーク、優先順位を付けた最適化の提案、テスト戦略を提供します。

マーケター、グロースチーム、プロダクトマネージャーなど、ランディングページのパフォーマンスやコンバージョン率に責任を持つすべての方を対象にしています。

コアワークフロー

ワークフロー 1:ランディングページ監査
  1. 第一印象テスト - 5 秒で内容が伝わるかを評価
  2. メッセージの一致 - 広告とランディングページの一貫性を確認
  3. バリュープロポジションのレビュー - 見出しとサブ見出しを評価
  4. 視覚的階層 - 視線追跡パターンを分析
  5. CTA の評価 - 配置、コピー、デザインを確認
  6. 信頼要素の一覧化 - ソーシャルプルーフや信頼性を高める要素を確認
  7. 摩擦の分析 - コンバージョンの障壁を特定
  8. モバイル体験 - レスポンシブデザインを評価
ワークフロー 2:ファーストビューの最適化
  1. 見出しのテスト - 複数のバリュープロポジションの切り口を検証
  2. サブ見出しの調整 - 補足メッセージのわかりやすさを改善
  3. ヒーロー画像/動画 - 視覚的なインパクトを評価
  4. CTA の配置 - 最適な位置と視認性を確認
  5. ナビゲーションの判断 - ナビゲーションリンクを残すか削除するかを検討
  6. 読み込み速度 - パフォーマンスがコンバージョンに与える影響を確認
  7. 明確さのスコア - 訪問者は 5 秒で内容を理解できますか?
ワークフロー 3:コンバージョン要素の最適化
  1. CTA コピーのバリエーション - ボタンのテキストをテスト
  2. CTA のデザイン - 色、サイズ、形状を最適化
  3. フォームの最適化 - 入力項目の削減、スマートなデフォルト設定
  4. ソーシャルプルーフの配置 - お客様の声、ロゴ、統計データ
  5. 緊急性を促す要素 - 希少性、カウントダウンタイマー
  6. リスクを軽減する要素 - 保証、信頼バッジ
  7. 懸念への対応 - FAQ で懸念事項に回答
ワークフロー 4:ページ全体の再構成
  1. ストーリー展開の設計 - ページ全体の論理的な流れを設計
  2. セクションの優先順位付け - インパクトの大きい順に並べる
  3. コンテンツの削減 - コンバージョンにつながらない要素を削除
  4. スキャンのしやすさを向上 - 見出し、箇条書き、余白を活用
  5. 複数の CTA - 戦略的に繰り返し配置
  6. 離脱意図への対策 - 離脱しようとする訪問者を捉える
  7. デバイス間の一貫性 - デスクトップとモバイルの導線をそろえる

クイックリファレンス

アクションコマンド/トリガー
全体監査"Audit this landing page for conversion issues"
見出しの候補"Generate headline variations for [page]"
CTA の最適化"Improve CTA copy and placement"
フォームのレビュー"Optimize this form for conversions"
ソーシャルプルーフ"Recommend social proof placement"
モバイルの確認"Review mobile experience for [page]"
速度の分析"Assess loading speed impact"
A/B テスト計画"Create test plan for [page]"

ベストプラクティス

  • ページごとに目標を 1 つにする - 目的を明確にするとコンバージョンにつながります
  • メッセージを一致させる - 広告の約束 = ランディングページでの実現
  • 見出しが最も重要 - 何よりも先に見出しをテストします
  • 5 秒テスト - 5 秒で伝わらなければ、訪問者を逃しています
  • フォームの入力項目を減らす - 項目が 1 つ増えるごとにコンバージョンが減ります
  • ファーストビューの上下に CTA を配置 - コンバージョンの機会を複数設けます
  • 曖昧な表現より具体的な表現 - 「無料 PDF を受け取る」は「送信」より効果的です
  • CTA の近くにソーシャルプルーフを配置 - 意思決定の場面で不安を軽減します
  • モバイルを優先する - トラフィックの大半はモバイルからです
  • 速度は重要 - 1 秒遅れるごとにコンバージョンが減ります
  • ナビゲーションを削除する - コンバージョンの目標に集中させます
  • 視線誘導を活用する - 視線や矢印で注意を誘導します
  • テストする要素は 1 つにする - 変数を分けて、明確なデータを得ます
  • 早すぎるテストは避ける - 統計的有意性を得るには十分なデータ量が必要です
  • すべて記録する - 組織のナレッジを蓄積します

コメント