Back to Details

lp-optimizer

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Page Optimizer (CRO)

Page Optimizer (CRO)

マーケティングページ（LP、HP、価格ページ、機能ページ、ブログ）を分析し、改善提案→実装まで支援するスキル。
A skill that supports marketing pages (LP, HP, Pricing Pages, Feature Pages, Blogs) from analysis and improvement proposals to implementation.

Quick Start

Quick Start

  1. 対象LPのURL or HTMLを取得
  2. 構造分析を実施
  3. 10項目のCROチェックリストで評価
  4. 改善提案を優先度別に整理
  5. Before/After形式で実装支援
  1. Obtain the URL or HTML of the target LP
  2. Conduct structural analysis
  3. Evaluate using a 10-item CRO checklist
  4. Organize improvement proposals by priority
  5. Provide implementation support in Before/After format

Core Workflow

Core Workflow

Phase 1: Discovery（発見）

Phase 1: Discovery

ユーザーに確認:
  • ターゲットユーザー（ペルソナ）
  • 主要コンバージョン目標（DL/登録/問合せ）
  • 現在の課題認識
  • 競合LP（あれば）
Confirm with the user:
  • Target users (personas)
  • Primary conversion goals (download/registration/inquiry)
  • Current issue awareness
  • Competitor LPs (if any)

Phase 2: Audit（監査）

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 - 独自ポジショニング
5-level evaluation across 10 items:
  1. Hero Section - Headline/subheadline/CTA
  2. Social Proof - Statistics/testimonials/logos
  3. Benefits vs Features - So What? Test
  4. Conversion Path - Minimizing friction points
  5. Visual Hierarchy - F/Z patterns
  6. Copy Clarity - Scanability
  7. Trust Elements - Sense of security
  8. Mobile Optimization - Core Web Vitals
  9. Message Match - Consistency with traffic sources
  10. Competitive Diff - Unique positioning

Phase 3: Recommendations（提案）

Phase 3: Recommendations

3カテゴリで整理:
🔴 Critical（今すぐ/1-2日）
  • コンバージョン直結の致命的問題
🟡 Important（1週間以内）
  • UX/コピーの中程度問題
🟢 Nice-to-have（今後）
  • A/Bテストで検証推奨
Organized into 3 categories:
🔴 Critical (Immediate/1-2 days)
  • Fatal issues directly tied to conversions
🟡 Important (Within 1 week)
  • Moderate UX/copy issues
🟢 Nice-to-have (Future)
  • Recommended for validation via A/B testing

Phase 4: Implementation（実装）

Phase 4: Implementation

各提案に対して:
  1. Before/After例（コード含む）
  2. 実装手順
  3. 成功指標（KPI）
For each proposal:
  1. Before/After examples (including code)
  2. Implementation steps
  3. Success metrics (KPIs)

Copywriting Quick Reference

Copywriting Quick Reference

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

Headline Formula

Headline Formula

How to [達成したいこと] without [避けたいこと]
How to [Achieve your goal] without [Avoid what you don't want]

CTA Best Practice

CTA Best Practice

  • アクション動詞で始める
  • 価値を含める（「無料で始める」not「送信」）
  • 1ページ1つの主要CTA
  • Start with action verbs
  • Include value ("Start for free" not "Submit")
  • One primary CTA per page

A/B Test Hypothesis Template

A/B Test Hypothesis Template

「[変更内容]を実装すると、
 [ターゲットユーザー]の[行動指標]が
 [期待改善率]%改善する。
 根拠: [フレームワーク/データ]」
"Implementing [change content] will improve
 [behavioral metric] of [target users] by
 [expected improvement rate]%.
 Rationale: [framework/data]"

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

Page Type-specific Frameworks

ホームページ CRO

Home Page CRO

複数オーディエンス対応が必要：
  • 明確なポジショニングステートメント（コールド訪問者向け）
  • 最も一般的なコンバージョンアクションへの明確なパス
  • 訪問者が自己選択できるナビゲーション
  • 「購入準備完了」と「まだリサーチ中」の両方に対応
Needs to support multiple audiences:
  • Clear positioning statement (for cold visitors)
  • Clear path to the most common conversion actions
  • Navigation that allows visitors to self-select
  • Cater to both "ready to purchase" and "still researching" users

ランディングページ CRO

Landing Page CRO

単一目的ページ：
  • 流入元とのメッセージマッチ
  • 単一CTA（可能ならナビゲーション削除）
  • 1ページで完結する説得ロジック
  • 本物の緊急性/希少性のみ使用
Single-purpose pages:
  • Message match with traffic sources
  • Single CTA (remove navigation if possible)
  • Persuasive logic that concludes on one page
  • Only use genuine urgency/scarcity

価格ページ CRO

Pricing Page CRO

高意図訪問者：
  • 明確なプラン比較
  • 推奨プランの表示
  • 機能の明確化（含まれる/含まれない）
  • 「どのプランが自分に合うか」不安への対応
  • 価格→チェックアウトへの明確なパス
High-intent visitors:
  • Clear plan comparisons
  • Display of recommended plans
  • Clarification of features (included/excluded)
  • Address anxiety about "which plan is right for me"
  • Clear path from pricing to checkout

機能ページ CRO

Feature Page CRO

詳細を調査中の訪問者：
  • 機能→ベネフィットの接続
  • ユースケースと例示
  • 代替案との比較
  • 試用/購入への明確なCTA
Visitors researching details:
  • Connect features to benefits
  • Use cases and examples
  • Comparison with alternatives
  • Clear CTA for trial/purchase

ブログ記事 CRO

Blog Post CRO

コンテンツ→コンバージョン：
  • 記事トピックに関連するコンテキストCTA
  • 記事主題に関連するリードマグネット
  • 自然な停止ポイントでのインラインCTA
  • 離脱意図をバックアップに
Content to conversion:
  • Contextual CTAs related to the article topic
  • Lead magnets relevant to the article's theme
  • In-line CTAs at natural stopping points
  • Backup for exit intent

実験アイデア集

Experiment Ideas Collection

ホームページ実験

Home Page Experiments

ヒーローセクション
  • ヘッドライン変更（具体的 vs 抽象的、ベネフィット vs 機能）
  • サブヘッドラインの追加/改善
  • ファーストビューCTAの有無
  • ヒーロービジュアル（スクショ vs GIF vs イラスト vs 動画）
  • CTAボタンカラー/コントラスト
  • CTAテキスト（「無料トライアル」vs「始める」vs「デモを見る」）
信頼・社会的証明
  • 顧客ロゴの配置（ヒーロー vs ビロウフォールド）
  • ヒーローセクションでのケーススタディ/証言
  • トラストバッジ（セキュリティ、コンプライアンス、受賞）
Hero Section
  • Headline changes (specific vs abstract, benefit vs feature)
  • Addition/improvement of subheadlines
  • Presence/absence of above-the-fold CTA
  • Hero visuals (screenshot vs GIF vs illustration vs video)
  • CTA button color/contrast
  • CTA text ("Free trial" vs "Get started" vs "Watch demo")
Trust & Social Proof
  • Placement of customer logos (hero vs below the fold)
  • Case studies/testimonials in the hero section
  • Trust badges (security, compliance, awards)

価格ページ実験

Pricing Page Experiments

価格表示
  • 年額割引の強調 vs 月額のみ vs 両方表示
  • 価格ポイント（$99 vs $100 vs $97）
  • 「最も人気」「おすすめ」バッジの追加
  • 表示ティア数（3 vs 4 vs 2）
  • プライスアンカリングの活用
異論への対応
  • 価格FAQセクションの追加
  • ROI計算機の追加
  • 返金保証の目立つ表示
Pricing Display
  • Emphasis on annual discounts vs monthly only vs display both
  • Price points ($99 vs $100 vs $97)
  • Addition of "Most popular"/"Recommended" badges
  • Number of display tiers (3 vs 4 vs 2)
  • Use of price anchoring
Addressing Objections
  • Addition of pricing FAQ section
  • Addition of ROI calculator
  • Prominent display of money-back guarantee

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

Demo Request Page Experiments

フォーム最適化
  • フォームフィールド数の削減
  • マルチステップ vs シングルステップ
  • フォーム配置（ファーストビュー vs コンテンツ後）
Form Optimization
  • Reduction of form field count
  • Multi-step vs single-step
  • Form placement (above the fold vs after content)

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

Blog/Resource Page Experiments

コンテンツCTA
  • フローティング/固定CTA
  • インラインCTA vs 記事末尾のみ
  • 関連リソースの記事末尾追加
Content CTAs
  • Floating/fixed CTAs
  • In-line CTAs vs end-of-article only
  • Addition of related resources at the end of articles

関連スキル

Related Skills

  • copywriting: ページコピーの作成・改善
  • ab-test-setup: A/Bテストの設計・実行
  • analytics-tracking: コンバージョン計測の設定
  • marketing-psychology: 心理学原則の適用
  • copywriting: Creation and improvement of page copy
  • ab-test-setup: Design and execution of A/B tests
  • analytics-tracking: Setup of conversion measurement
  • marketing-psychology: Application of psychological principles