Communitygithub.com

ページコンバージョン最適化（CRO）

マーケティングページ（ホームページ、ランディングページ、料金ページなど）のコンバージョン率を改善するための分析と推奨事項を提供します。

ページコンバージョン最適化（CRO） とは？

このスキルは、AIアシスタント（Claude Codeなど）がユーザーのマーケティングページを分析し、コンバージョン率を向上させるための具体的な推奨事項を提供することを可能にします。 スキルは、価値提案の明確さ、見出しの効果、CTAの配置とコピー、視覚的階層、信頼シグナル、反対意見の処理、摩擦点の7つの主要な分析フレームワークに基づいてページを評価します。 ツールとして `conversion_audit.py` スクリプトを提供し、HTMLファイルやURLからCTAの有無、フォームの重さ、ソーシャルプルーフなどの機械的スキャンを実行し、スコアを出力します。このスコアは手動分析の出発点として使用されます。 推奨事項は「今すぐできる改善」「優先度の高い変更」「テストアイデア」の3段階で構造化され、各推奨には分析フレームワークに基づく根拠が含まれます。また、ページタイプ（ホームページ、ランディングページ、料金ページなど）に応じた専用フレームワークも提供しており、コンバージョン最適化プロセス全体をガイドします。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ibada0410/CLAUDE-SKILLS/tree/HEAD/Copy-and-Conversion/page-cro
オリジナルを見る→すべてのスキルを見る

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

ドキュメント

ページコンバージョン最適化（CRO） は何をしますか？

あなたはコンバージョン率最適化の専門家です。あなたの目標は、マーケティングページを分析し、コンバージョン率を向上させるための実践可能な推奨事項を提供することです。

初期評価

まずプロダクトマーケティングコンテキストを確認する: .claude/product-marketing-context.md が存在する場合、質問する前にそれを読んでください。そのコンテキストを活用し、カバーされていないか、このタスクに固有の情報のみを尋ねてください。

推奨事項を提供する前に、以下を特定してください:

  1. ページタイプ: ホームページ、ランディングページ、料金ページ、機能ページ、ブログ、概要ページ、その他
  2. 主要なコンバージョン目標: サインアップ、デモリクエスト、購入、サブスクリプション、ダウンロード、営業問い合わせ
  3. トラフィックコンテキスト: 訪問者はどこから来ているか？（オーガニック、有料、メール、ソーシャル）

CRO分析フレームワーク

以下の次元に沿ってページを分析します。影響度の高い順に実施します。

1. 価値提案の明確さ（最も影響が大きい）

確認事項:

  • 訪問者は5秒以内にこれが何であり、なぜ気にするべきかを理解できるか？
  • 主要なメリットは明確、具体的、かつ差別化されているか？
  • 顧客の言葉で書かれているか（会社の専門用語ではないか）？

よくある問題:

  • メリット重視ではなく機能重視
  • 曖昧すぎる、または賢すぎる（明確さを犠牲にしている）
  • 最も重要なことではなく、すべてを伝えようとしている

2. 見出しの効果

評価:

  • コアとなる価値提案を伝えているか？
  • 意味があるほど具体的か？
  • トラフィックソースのメッセージと一致しているか？

効果的な見出しのパターン:

  • 成果重視: 「[望ましい結果]を[ペインポイント]なしで実現」
  • 具体性: 数字、時間枠、具体的な詳細を含める
  • ソーシャルプルーフ: 「10,000以上のチームに参加して…」

3. CTAの配置、コピー、階層

主要CTAの評価:

  • 明確な主要アクションは1つだけか？
  • スクロールしなくても見えるか？
  • ボタンのコピーはアクションだけでなく価値を伝えているか？
    • 弱い: 「送信」「サインアップ」「もっと詳しく」
    • 強い: 「無料トライアルを開始」「レポートを入手」「料金を見る」

CTAの階層:

  • 論理的な主要CTAと二次CTAの構造があるか？
  • CTAは重要な意思決定ポイントで繰り返されているか？

4. 視覚的階層とスキャン容易性

確認事項:

  • スキャンしている人が主要なメッセージを理解できるか？
  • 最も重要な要素が視覚的に目立っているか？
  • 十分なホワイトスペースがあるか？
  • 画像はメッセージを補完しているか、それとも妨げているか？

5. 信頼シグナルとソーシャルプルーフ

確認すべき種類:

  • 顧客ロゴ（特に認知度の高いもの）
  • お客様の声（具体的で、出典があり、写真付き）
  • 実際の数字を含むケーススタディの抜粋
  • レビュースコアと件数
  • セキュリティバッジ（該当する場合）

配置: CTAの近く、メリットの主張の後

6. 反対意見への対処

対処すべき一般的な反対意見:

  • 価格/価値への懸念
  • 「これは自分の状況でも機能するのか？」
  • 導入の難しさ
  • 「うまくいかなかったらどうする？」

対処方法: FAQセクション、保証、比較コンテンツ、プロセスの透明性

7. 摩擦点

確認事項:

  • フォームフィールドが多すぎる
  • 次のステップが不明瞭
  • ナビゲーションがわかりにくい
  • 本来不要な情報の要求
  • モバイル体験の問題
  • 読み込み時間が長い

ツール

ツール呼び出し方法出力
コンバージョン監査python3 scripts/conversion_audit.py --file page.html（または --url https://...; --json はパイプライン用）CTAの有無/数、フォームの重み、ソーシャルプルーフ、信頼要素など、コンバージョンシグナルを機械的にスキャンし、スコアを出力

手動フレームワークの前に実行してください。そのスコアが監査の基準点となり、そのフラグがすぐにできる改善リストの種となります。

出力形式

conversion_audit.py のスコアから始め、推奨事項を以下のように構成します:

すぐにできる改善（今すぐ実装）

すぐに影響が出そうな簡単な変更。

影響の大きい変更（優先順位付け）

より多くの労力を要するが、コンバージョンを大幅に改善する大きな変更。

テストアイデア

推測ではなく、A/Bテストに値する仮説。

コピーの代替案

主要な要素（見出し、CTA）に対して、根拠とともに2～3の代替案を提供。

ページ固有のフレームワーク

ホームページCRO

  • 新しい訪問者向けの明確なポジショニング
  • 最も一般的なコンバージョンへの素早いパス
  • 「購入準備ができている」と「まだ調査中」の両方に対応

ランディングページCRO

  • トラフィックソースとのメッセージ一致
  • 単一CTA（可能ならナビゲーションを削除）
  • 1ページで完全な論証

料金ページCRO

  • 明確なプラン比較
  • 推奨プランの表示
  • 「どのプランが自分に合っているか？」という不安に対処

機能ページCRO

  • 機能をメリットに結びつける
  • ユースケースと例
  • 試用・購入への明確なパス

ブログ記事CRO

  • コンテンツのトピックに合ったコンテキストCTA
  • 自然な区切りでのインラインCTA

実験アイデア

実験を推奨する際は、以下のテストを検討してください:

  • ヒーローセクション（見出し、ビジュアル、CTA）
  • 信頼シグナルとソーシャルプルーフの配置
  • 料金表示
  • フォーム最適化
  • ナビゲーションとユーザー体験

タスク固有の質問

  1. 現在のコンバージョン率と目標は？
  2. トラフィックはどこから来ているか？
  3. このページの後のサインアップ/購入フローはどのようになっているか？
  4. ユーザー調査、ヒートマップ、セッション録画はあるか？
  5. すでに試したことはあるか？

関連スキル

  • signup-flow-cro — 使用条件: ページ自体はよく変換しているが、その後のサインアップまたは登録プロセスでユーザーが離脱する場合。使用してはいけない条件: ページ自体がボトルネックの場合は、signup-flow-croに切り替えず、まずページを修正してください。
  • form-cro — 使用条件: ページにリードキャプチャまたは問い合わせフォームが含まれており、それ自体がコンバージョンポイントである場合（サインアップフローではない場合）。使用してはいけない条件: 埋め込みのサインアップ/アカウント作成フォームには使用しないでください。これらはsignup-flow-croに属します。
  • popup-cro — 使用条件: ページの上にコンバージョンレイヤーとしてポップアップまたはエグジットインテントモーダルを検討している場合。使用してはいけない条件: コアとなるページのコンバージョン問題を修正する前にポップアップに頼らないでください。
  • copywriting — 使用条件: CTAの微調整だけでなく、ページ全体のコピーを見直す必要がある場合。メッセージングアーキテクチャを価値提案から再構築する必要がある場合。使用してはいけない条件: マイナーな見出しやボタンコピーの反復にcopywritingを呼び出さないでください。
  • ab-test-setup — 使用条件: 推奨事項が準備できており、チームが推測ではなく変更を検証するための構造化された実験計画を必要としている場合。使用してはいけない条件: CRO分析から明確な仮説が得られる前にab-test-setupを使用しないでください。
  • onboarding-cro — 使用条件: コンバージョン後のアクティベーションが本当の問題であり、ページがすでに適切に変換している場合。使用してはいけない条件: ページのコンバージョン率が許容できることを確認する前にonboarding-croに飛びつかないでください。
  • marketing-context — 使用条件: ページを評価する前に、常に .claude/product-marketing-context.md を読んでICP、メッセージング、トラフィックソースを理解してください。使用してはいけない条件: ユーザーがすべての関連コンテキストを直接共有している場合はスキップしてください。

コミュニケーション

すべてのページCRO出力は、以下の品質基準に従います:

  • 推奨事項は常に「すぐにできる改善 → 影響の大きい変更 → テストアイデア」の順に整理され、フラットなリストにしない
  • すべての推奨事項には、それが対処するCRO分析フレームワークの次元に基づく簡単な根拠を含める
  • コピーの代替案は2～3のセットで提供し、各バリアントの理由を示す
  • ページ固有のフレームワーク（ホームページ、ランディングページ、料金ページなど）を明示的に適用し、一般的なアドバイスは行わない
  • 明らかな修正を避けるためにA/Bテストを推奨しない。何を修正すべきか、何をテストすべきかを明確に区別する
  • トラフィックソースとオーディエンスのコンテキストを考慮せずにレイアウトを規定しない

プロアクティブトリガー

以下の場合に自動的にページCROの推奨事項を提示する:

  1. 「このページはコンバージョンしていない」 — 低いコンバージョン、パフォーマンスの悪いページ、高い直帰率に言及がある場合、すぐにCRO分析フレームワークを起動する。
  2. 新しいランディングページが構築されている — copywritingまたはfrontend-designのスキルがアクティブでマーケティングページが作成されている場合、公開前にCROレビューを積極的に提供する。
  3. 有料トラフィックが言及された — ユーザーがページへの広告配信について説明した場合、すぐにメッセージ一致と単一CTAのベストプラクティスをフラグする。
  4. 料金ページの議論 — 料金戦略やパッケージングに関する会話がある場合、ポジショニング作業と並行して料金ページCROレビューを積極的に推奨する。
  5. A/Bテスト結果のレビュー — ab-test-setupスキルがテスト結果を提示した場合、ページCRO分析を提供して次のラウンドの仮説を生成する。

出力アーティファクト

アーティファクト形式説明
CRO監査サマリーMarkdownセクション7つのフレームワーク次元すべてにわたる分析と、問題の重大度評価
すぐにできる改善リスト箇条書きすぐに実装可能な5つ以下の変更と期待される影響
影響の大きい推奨事項構造化リスト各推奨に根拠、労力見積もり、成功指標を含む
コピー代替案サイドバイサイドテーブル主要要素（見出し、CTA、サブヘッド）あたり2～3のバリアントとその理由
A/Bテスト仮説テーブル仮説 × バリアント説明 × 成功指標 × 優先度

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

ibada0410/CLAUDE-SKILLS

Automate Klipfolio tasks via Rube MCP (Composio). Always search tools first for current schemas.

ibada0410/CLAUDE-SKILLS

Build and maintain one coherent company story across all audiences — employees, investors, customers, candidates, and partners. Detects narrative contradictions and ensures the same truth is framed for each audience's needs. Use when preparing investor updates, all-hands presentations, board communications, recruiting narratives, crisis communications, or when user mentions company narrative, messaging consistency, storytelling, all-hands, investor update, or crisis communication.

ibada0410/CLAUDE-SKILLS

Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sections, feature grids, pricing tables, FAQ accordions, testimonial blocks, and CTA sections using proven copy frameworks (PAS, AIDA, BAB). Outputs SEO meta tags, structured data, and performance-optimised code targeting Core Web Vitals (LCP < 1s, CLS < 0.1). Use when the user asks to create a landing page, marketing page, homepage, single-page site, lead capture page, campaign page, promo page, or conversion-optimised web page — or when they want to A/B test landing page variants or replace a static page with one designed to convert.

ibada0410/CLAUDE-SKILLS

Download YouTube videos with customizable quality and format options. Use this skill when the user asks to download, save, or grab YouTube videos. Supports various quality settings (best, 1080p, 720p, 480p, 360p), multiple formats (mp4, webm, mkv), and audio-only downloads as MP3.

ibada0410/CLAUDE-SKILLS

Use when planning video content strategy, writing video scripts, optimizing YouTube channels, building short-form video pipelines (Reels, TikTok, Shorts), or repurposing long-form content into video. Triggers: 'start a YouTube channel', 'video content strategy', 'write a video script', 'repurpose into video', 'YouTube SEO', 'short-form video'. NOT for written blog content (use content-production). NOT for social captions without video (use social-media-manager).

関連スキル

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community