---
name: lp-optimizer
description: >
  マーケティングページの第三者視点分析・改善スキル。
  対象: ランディングページ、ホームページ、価格ページ、機能ページ、ブログ。
  CROフレームワークとダイレクトレスポンス原則(Schwartz/Hopkins/Ogilvy)を統合。
  使用タイミング: (1) ページの監査・分析依頼 (2) コンバージョン改善相談
  (3) コピーライティング改善 (4) A/Bテスト設計 (5) 実装の優先順位付け。
  トリガー例: 「LPを分析して」「コンバージョン率を上げたい」「価格ページをレビュー」
  「ヒーローセクションを改善」「CTAを最適化」「HPの改善案」
---

# Page Optimizer (CRO)

マーケティングページ（LP、HP、価格ページ、機能ページ、ブログ）を分析し、改善提案→実装まで支援するスキル。

## Quick Start

1. 対象LPのURL or HTMLを取得
2. 構造分析を実施
3. 10項目のCROチェックリストで評価
4. 改善提案を優先度別に整理
5. Before/After形式で実装支援

## Core Workflow

### Phase 1: Discovery（発見）

ユーザーに確認:
- ターゲットユーザー（ペルソナ）
- 主要コンバージョン目標（DL/登録/問合せ）
- 現在の課題認識
- 競合LP（あれば）

### Phase 2: Audit（監査）

10項目を5段階評価:

1. **Hero Section** - ヘッドライン/サブヘッド/CTA
2. **Social Proof** - 数値/証言/ロゴ
3. **Benefits vs Features** - So What?テスト
4. **Conversion Path** - 摩擦点の最小化
5. **Visual Hierarchy** - F/Zパターン
6. **Copy Clarity** - スキャナビリティ
7. **Trust Elements** - 安心感
8. **Mobile Optimization** - Core Web Vitals
9. **Message Match** - 流入元との一貫性
10. **Competitive Diff** - 独自ポジショニング

### Phase 3: Recommendations（提案）

3カテゴリで整理:

**🔴 Critical（今すぐ/1-2日）**
- コンバージョン直結の致命的問題

**🟡 Important（1週間以内）**
- UX/コピーの中程度問題

**🟢 Nice-to-have（今後）**
- A/Bテストで検証推奨

### Phase 4: Implementation（実装）

各提案に対して:
1. Before/After例（コード含む）
2. 実装手順
3. 成功指標（KPI）

## Copywriting Quick Reference

**AIDA**: Attention → Interest → Desire → Action
**PAS**: Problem → Agitation → Solution

### Headline Formula

```
How to [達成したいこと] without [避けたいこと]
```

### CTA Best Practice

- アクション動詞で始める
- 価値を含める（「無料で始める」not「送信」）
- 1ページ1つの主要CTA

## A/B Test Hypothesis Template

```
「[変更内容]を実装すると、
 [ターゲットユーザー]の[行動指標]が
 [期待改善率]%改善する。
 根拠: [フレームワーク/データ]」
```

---

## ページタイプ別フレームワーク

### ホームページ CRO

複数オーディエンス対応が必要：
- 明確なポジショニングステートメント（コールド訪問者向け）
- 最も一般的なコンバージョンアクションへの明確なパス
- 訪問者が自己選択できるナビゲーション
- 「購入準備完了」と「まだリサーチ中」の両方に対応

### ランディングページ CRO

単一目的ページ：
- 流入元とのメッセージマッチ
- 単一CTA（可能ならナビゲーション削除）
- 1ページで完結する説得ロジック
- 本物の緊急性/希少性のみ使用

### 価格ページ CRO

高意図訪問者：
- 明確なプラン比較
- 推奨プランの表示
- 機能の明確化（含まれる/含まれない）
- 「どのプランが自分に合うか」不安への対応
- 価格→チェックアウトへの明確なパス

### 機能ページ CRO

詳細を調査中の訪問者：
- 機能→ベネフィットの接続
- ユースケースと例示
- 代替案との比較
- 試用/購入への明確なCTA

### ブログ記事 CRO

コンテンツ→コンバージョン：
- 記事トピックに関連するコンテキストCTA
- 記事主題に関連するリードマグネット
- 自然な停止ポイントでのインラインCTA
- 離脱意図をバックアップに

---

## 実験アイデア集

### ホームページ実験

**ヒーローセクション**
- ヘッドライン変更（具体的 vs 抽象的、ベネフィット vs 機能）
- サブヘッドラインの追加/改善
- ファーストビューCTAの有無
- ヒーロービジュアル（スクショ vs GIF vs イラスト vs 動画）
- CTAボタンカラー/コントラスト
- CTAテキスト（「無料トライアル」vs「始める」vs「デモを見る」）

**信頼・社会的証明**
- 顧客ロゴの配置（ヒーロー vs ビロウフォールド）
- ヒーローセクションでのケーススタディ/証言
- トラストバッジ（セキュリティ、コンプライアンス、受賞）

### 価格ページ実験

**価格表示**
- 年額割引の強調 vs 月額のみ vs 両方表示
- 価格ポイント（$99 vs $100 vs $97）
- 「最も人気」「おすすめ」バッジの追加
- 表示ティア数（3 vs 4 vs 2）
- プライスアンカリングの活用

**異論への対応**
- 価格FAQセクションの追加
- ROI計算機の追加
- 返金保証の目立つ表示

### デモリクエストページ実験

**フォーム最適化**
- フォームフィールド数の削減
- マルチステップ vs シングルステップ
- フォーム配置（ファーストビュー vs コンテンツ後）

### ブログ/リソースページ実験

**コンテンツCTA**
- フローティング/固定CTA
- インラインCTA vs 記事末尾のみ
- 関連リソースの記事末尾追加

---

## 関連スキル

- **copywriting**: ページコピーの作成・改善
- **ab-test-setup**: A/Bテストの設計・実行
- **analytics-tracking**: コンバージョン計測の設定
- **marketing-psychology**: 心理学原則の適用