ランディングページCRO

マーケティング中級

HTML/Reactコードを分析し、CTA配置、フォーム構造、社会的証明、ローディング速度要素、モバイル最適化などコンバージョン率に影響する要素を検査します。

トリガー/cro

使用頻度月1-2回

プロダクトマーケターなら？新しいランディングページのローンチ前に/croでコンバージョン率チェック

グロースPMなら？コンバージョン率が低いページの構造的問題を素早く診断

CROコンバージョン率ランディングページUX

動作フロー

/cro [ファイル] 実行 → ページコード分析

↓

フェーズ1: 4つの検査を並列実行

cta-audit

CTA配置/文言分析

trust-check

信頼要素の検査

form-analyze

フォームUX分析

mobile-check

モバイル最適化確認

↓

コンバージョン率スコア算出 + 優先度順にソート

↓

✓ CROスコア + 改善アクションリスト

スキルコード

# Landing Page CRO Audit Skill
## Trigger: /cro [file]

When invoked on a landing page file:

1. Analyze page structure for conversion elements:

**Above the Fold:**
- Clear value proposition? (H1 clarity)
- CTA visible without scrolling?
- Hero image/video relevant?

**Trust Elements:**
- Social proof (testimonials, logos, numbers)
- Security badges / guarantees
- Case studies or results

**Form Analysis:**
- Number of fields (fewer = higher conversion)
- Field labels clear?
- Error handling present?
- Progress indicator for multi-step?

**CTA Analysis:**
- Button contrast ratio
- Action-oriented text (not "Submit")
- Number of CTAs (too many = confusion)

**Mobile:**
- Responsive layout
- Touch target sizes (min 44px)
- Font readability (min 16px)

2. Output format:
---
## 📊 CRO Audit Report — Score: [X/100]

### 🔴 Critical Issues
- [issue + specific HTML fix]

### 🟡 Quick Wins
- [improvement + expected impact]

### 🟢 What's Working
- [positive elements to keep]

### Recommended A/B Tests
1. [test hypothesis + expected lift]
---

コピーしてCLAUDE.mdに貼り付ければ、すぐに使えます。