B3Padrin/market-landing

ランディングページ CRO 分析

スキルの目的

任意のランディングページに対して、包括的なコンバージョン率最適化（CRO）分析を実施します。このスキルは、セクションごとの徹底的なレビューと、コンバージョン率に直接影響を与える優先順位付けされた実行可能な修正案を提供します。

使用するタイミング

• ユーザーがランディングページのURLを提供し、コンバージョン最適化を依頼した場合
• ユーザーがランディングページのフィードバック、レビュー、監査を依頼した場合
• ユーザーがサインアップ、リード獲得、または購入率の向上を望んでいる場合
• /market landing <url> または /market cro <url> でトリガーされた場合

実行方法

ステップ 1: ページタイプの特定

分析対象のランディングページのタイプを特定します。これにより、ベンチマークの期待値とスコアリングの重みが変わります。

ページタイプ	主な目標	良好なCR	優れたCR
リード獲得	メール/フォーム送信	5-10%	15%+
SaaS サインアップ	無料トライアルまたはフリーミアムサインアップ	3-7%	10%+
Eコマース商品	カートに追加/購入	2-4%	5%+
ウェビナー登録	イベント登録	20-30%	40%+
アプリダウンロード	アプリのインストール	10-15%	20%+
ウェイティングリスト	ウェイティングリストへの参加	15-25%	35%+
コンサルテーション予約	電話予約	5-10%	15%+
非営利団体への寄付	寄付	2-5%	8%+

ステップ 2: 7ポイント CRO フレームワークの実行

各セクションを順番に分析します。各セクションを1〜10点で評価し、具体的な所見を提供します。

セクション 1: ヒーローセクション (重み: 25%)

訪問者が最初に目にする画面です。コンバージョンに関する意思決定の80%はここから始まります。

チェックリスト:

• 見出しがページ読み込みから2秒以内に表示される
• 見出しが主なメリット（機能ではなく）を伝えている
• 見出しが10語未満である
• サブ見出しが見出しを具体的に補足している
• プライマリCTAがファーストビューに含まれている
• CTAボタンの色が背景とコントラストをなしている
• CTAテキストが行動指向である（「送信」や「ここをクリック」ではない）
• ヒーロー画像または動画がメッセージを補完している（一般的なストック写真ではない）
• 信頼バッジや社会的証明がファーストビューに表示されている
• ページが3秒以内に読み込まれる
• 専用ランディングページの場合、CTAと競合するナビゲーションメニューがない

評価基準:

• 9-10: 見出しはメリット重視、具体的、かつ説得力がある。CTAは明確でコントラストが良い。ビジュアルはメッセージを補完している。信頼を示す要素が存在する。
• 7-8: 見出しとCTAは強いが、1つの要素（信頼バッジ、補完的なビジュアル、または具体性）が欠けている。
• 5-6: 見出しが一般的、またはCTAが弱い。ファーストビューに複数の要素が欠けている。
• 3-4: 見出しが機能重視または曖昧。CTAがファーストビューの下にある、または不明瞭。
• 1-2: 明確な見出しやCTAがない。訪問者が5秒以内にオファーを理解できない。

セクション 2: バリュープロポジション (重み: 20%)

ページがWHY（なぜコンバージョンすべきか）をどの程度明確に伝えているか。

チェックリスト:

• 製品/サービスの明確な説明がある
• 具体的な成果や結果が約束されている
• 代替手段との差別化（なぜこのソリューションなのか）
• ターゲットオーディエンスが明確（自分向けかどうか訪問者がわかる）
• メリットが可能な限り定量化されている（X時間の節約、Y%の向上）
• バリュープロポジションがスキャンしやすい（段落に埋もれていない）

4Uフレームワークを使用した評価:

1. 有用性 (Useful) - 訪問者が抱える実際の問題を解決するか？
2. 緊急性 (Urgent) - 今すぐ行動する理由があるか？
3. 独自性 (Unique) - 競合他社とは異なるか？
4. 超具体性 (Ultra-specific) - 主張は具体的で、曖昧ではないか？

セクション 3: 社会的証明 (重み: 15%)

他の人々がこの製品/サービスを信頼し、恩恵を受けているという証拠。

社会的証明の種類（説得力の高い順）:

1. 収益/結果の指標（「24億ドルを処理」、「50万ユーザー」）
2. 氏名、写真、役職、会社が明記された顧客の声
3. 認知度の高いクライアントロゴ
4. 具体的な結果を示すケーススタディ
5. 星評価とレビュー数
6. メディアでの紹介（「As seen in...」）
7. 認定資格と受賞歴
8. ユーザー生成コンテンツ
9. ソーシャルメディアのフォロワー数

チェックリスト:

• 少なくとも2種類の社会的証明が存在する
• お客様の声には実名と写真が含まれている
• お客様の声には具体的な結果や成果が記載されている
• 社会的証明は意思決定ポイントの近く（CTAの近く）に配置されている
• 数字は具体的である（四捨五入されていない - 「11,847」は「10,000+」よりも優れている）
• ロゴはターゲットオーディエンスにとって認知度が高い
• 社会的証明は最新かつ関連性が高い

セクション 4: 機能とメリット (重み: 15%)

ページが製品/サービスに含まれるものをどのように提示しているか。

チェックリスト:

• 機能がメリットに変換されている（その機能がユーザーに何をもたらすか）
• コンテンツがスキャンしやすい（アイコン、箇条書き、短い段落）
• 視覚的階層が機能間の視線誘導を促している
• 最も重要な機能/メリットが最初にリストされている
• 各機能セクションに明確な小見出しがある
• スクリーンショット、デモ、またはビジュアルが機能の説明を補完している
• 機能リストは包括的だが圧倒的ではない（3〜7の主要機能）

機能からメリットへの変換チェック: 悪い例：「AI搭載分析ダッシュボード」 良い例：「どのキャンペーンが収益を生み出しているかを正確に確認できます。AIがデータを分析するので、あなたが行う必要はありません」

セクション 5: 異議対応 (重み: 10%)

ページが訪問者がコンバージョンしない理由にどのように対処しているか。

ページタイプ別の一般的な異議:

異議	対処方法
「高すぎる」	ROI計算ツール、価格比較、返金保証
「機能するかわからない」	ケーススタディ、無料トライアル、デモ動画
「複雑すぎる」	セットアップウィザード、オンボーディングサポート、「5分で開始」
「必要かわからない」	問題の掘り下げ、行動しない場合のコスト
「気に入らなかったら？」	無料トライアル、返金保証、いつでも解約可能
「データは安全？」	セキュリティバッジ、コンプライアンスロゴ、プライバシーポリシーリンク
「チームに確認が必要」	共有可能な比較ページ、チームトライアル、ROIの概要資料

チェックリスト:

• FAQセクションが上位3〜5の異議に対応している
• リスクリバーサルが存在する（保証、無料トライアル、いつでも解約可能）
• 価格の透明性（隠れた料金や予期しないコストがない）
• セキュリティとプライバシーに関する表示（該当する場合）
• 代替手段との比較（該当する場合）

セクション 6: コールトゥアクション (重み: 10%)

コンバージョンのメカニズムそのもの。

CTAボタンチェックリスト:

• CTAテキストはアクションではなくVALUE（価値）を説明している（「無料レポートを受け取る」vs「送信」）
• CTAボタンが視覚的に支配的である（サイズ、色、余白）
• 長いページではCTAが複数回表示される
• コミットする準備ができていない訪問者向けのセカンダリCTAが存在する
• CTAに補足的なマイクロコピーがある（例：「クレジットカードは必要ありません」）
• ボタンテキストが一人称を使用している（「あなたのトライアルを開始」ではなく「私のトライアルを開始」）
• CTAがオファーに固有である（一般的ではない）

CTAコピーの評価:

• 弱い: 「送信」、「ここをクリック」、「もっと詳しく」
• 中程度: 「サインアップ」、「今すぐ始める」、「ダウンロード」
• 強い: 「無料トライアルを開始」、「カスタムレポートを受け取る」、「割引を請求する」

セクション 7: フッターと二次要素 (重み: 5%)

ページの下部と補助要素。

チェックリスト:

• ページ下部に最終CTAが存在する
• 連絡先情報またはサポートオプションが表示されている
• プライバシーポリシーと利用規約へのリンクがある
• 最終CTAの近くに信頼バッジが繰り返し表示されている
• コンバージョンから離脱させる競合リンクがない
• 著作権と法的情報が存在する
• ソーシャルメディアリンク（コンバージョンをサポートする場合のみ、注意散漫にならない場合）

ステップ 3: コピースコアリング

ページ全体のコピーを5つの側面で評価します（それぞれ1〜10点）。

1. 明確さ - 訪問者は5秒以内にオファーを理解できるか？
2. 緊急性 - 今すぐ行動する理由があるか？後でもいいのか？
3. 具体性 - 主張は数字、期間、成果で具体的か？
4. 証拠 - 主張は証拠、データ、またはお客様の声で裏付けられているか？
5. 行動志向 - コピーは特定の次のステップへと駆り立てているか？

コピースコアを計算: 5つの側面すべての平均に10を掛けて100点満点とします。

ステップ 4: フォーム最適化監査

ページにフォームがある場合は、以下を評価します。

要素	ベストプラクティス
フィールド数	フィールドが増えるごとにコンバージョンが約7%減少。リード獲得: 最大3〜5フィールド。
ラベル	インラインラベルまたはフローティングラベルを使用。プレースホルダーのみのラベルは避ける。
ボタンテキスト	バリュープロポジションと一致させる。「無料ガイドを受け取る」>「送信」。
エラー処理	インライン検証。具体的なエラーメッセージ。エラー時にフォーム全体をクリアしない。
マルチステップ	長いフォームはステップに分割し、進捗インジケーターを表示する。
必須 vs 任意	必須フィールドではなく任意フィールドをマークする。
自動入力	標準的なフィールドではブラウザの自動入力を有効にする。
フィールドタイプ	モバイルキーボードに適した入力タイプ（email、tel、url）を使用する。

ステップ 5: モバイル対応監査

モバイルはWebトラフィックの60%以上を占めます。以下を確認します。

• CTAが親指で届く位置にある（画面下半分）
• ズームしなくてもテキストが読める（本文は最低16px）
• フォームがモバイルで使いやすい（大きなタップターゲット、適切なキーボード）
• 画像が適切にリサイズされ、レイアウトが崩れない
• 水平スクロールが不要である
• 4Gでページが3秒以内に読み込まれる
• 電話番号のクリック-to-コールが機能する
• スクロール時に固定CTAバーが表示される（該当する場合）

ステップ 6: ページ速度影響評価

以下のコンバージョン影響ベンチマークを参照します。

読み込み時間	コンバージョンへの影響
0〜2秒	ベースライン（最適）
2〜3秒	コンバージョン率-7%
3〜5秒	コンバージョン率-20%
5〜8秒	コンバージョン率-35%
8秒以上	コンバージョン率-50%以上

一般的な速度問題を確認します。

• 最適化されていない画像（WebPの使用、遅延読み込み）
• レンダリングをブロックするJavaScript
• ブラウザキャッシュの欠如
• CDNの未使用
• 過剰なサードパーティスクリプト
• 最小化されていないCSS/JS

ステップ 7: A/Bテスト推奨の生成

各テストを仮説としてフォーマットします。

テンプレート: 「もし[変更]を行うと、[メトリクス]が[改善/向上]するだろう。なぜなら[理由]だからだ。」

検討すべきテスト例:

1. 見出しのバリエーション（メリット重視 vs 成果重視）
2. CTAボタンの色とテキスト
3. 社会的証明の配置（ファーストビューより上 vs 下）
4. フォームフィールド数（1〜2フィールド削減）
5. ヒーロー画像 vs ヒーロー動画
6. 長文ページ vs 短文ページ
7. 緊急性要素の追加（カウントダウン、限定枠）
8. 価格アンカリングと表示方法
9. お客様の声の形式（テキスト vs 動画）
10. チャットボットまたはライブチャットウィジェットの追加

ステップ 8: ヒートマップ解釈ガイダンス

実際のヒートマップデータがなくても、以下に関するガイダンスを提供します。

• ページレイアウトに基づく予想注意ゾーン
• コンテンツ密度に基づくFパターン vs Zパターンの読み取り
• ページの長さとコンテンツの切れ目に基づくスクロール深度予測
• 視覚的階層に基づくクリック確率ゾーン
• レイジクリック指標（クリックできるように見えて実際はできない要素）
• デッドゾーン（コンテンツが無視される可能性がある領域）

出力形式

プロジェクトルートまたは出力ディレクトリに LANDING-CRO.md というファイルを生成します。

# ランディングページ CRO 分析
## [ページURL]
### 分析日: [日付]

---

## 総合 CRO スコア: [X/100]

## ページタイプ: [特定されたタイプ]
## 現在の推定コンバージョン率: [分析結果に基づく推定値]
## 目標コンバージョン率: [現実的な改善目標]

---

## セクションごとの分析

### 1. ヒーローセクション [スコア: X/10]
**所見:**
- [具体的な観察結果]

**修正案 (優先度: 高/中/低):**
- [具体的で実行可能な推奨事項]

[残り7セクションについても同様に繰り返す]

---

## コピースコア: [X/100]
| 側面 | スコア | 備考 |
|---|---|---|
| 明確さ | X/10 | [備考] |
| 緊急性 | X/10 | [備考] |
| 具体性 | X/10 | [備考] |
| 証拠 | X/10 | [備考] |
| 行動志向 | X/10 | [備考] |

---

## フォーム監査
[所見と推奨事項]

---

## モバイル監査
[所見と推奨事項]

---

## A/Bテスト推奨事項
1. [仮説形式のテスト]
2. [仮説形式のテスト]
3. [仮説形式のテスト]

---

## 優先順位付き修正リスト

### クイックウィン (今週中に実装)
1. [期待される影響を含む修正]

### 中期 (今月中に実装)
1. [期待される影響を含む修正]

### 戦略的 (今四半期中に実装)
1. [期待される影響を含む修正]

---

## 改善前/改善後のワイヤーフレーム提案
[現在のレイアウトと推奨レイアウトを比較したテキストベースのワイヤーフレーム説明]

主要原則

• 推奨事項は常に収益への影響に結び付けること。「ボタンの色を変える」だけではなく、「CTAボタンを対照的な色に変更すると、通常クリック数が15〜30%増加し、現在のトラフィックでは月間X件のコンバージョン増加につながる可能性があります」と言うこと。
• 修正案は労力対効果比で優先順位を付けること。クイックウィンを最初に。
• 具体的であること。「見出しを改善する」は役に立たない。「見出しを『私たちのプラットフォームへようこそ』から『レポート作成時間を75%削減 — グロースチームのための自動分析ツール』に変更する。なぜなら、具体性、定量化されたメリットを追加し、特定のオーディエンスをターゲットにしているからです」と言うこと。
• 業界ベンチマークを参照して、クライアントが自分の立ち位置を理解できるようにすること。
• ブラウザツールでページにアクセスできる場合は、スクリーンショットを撮り、特定の要素を参照すること。
• ユーザーが以前に /market audit を実行したことがある場合は、その結果をCRO分析に組み込んで、より完全な全体像を提供すること。