page-cro

概要

page-cro とは？

page-cro は、コンバージョン率最適化（CRO）向けのスキルで、マーケティングページを分析し、コンバージョンを増やすための具体的な改善策を提案します。対象となるのは、ホームページ、キャンペーンのランディングページ、料金ページ、機能ページ、デモ依頼ページ、さらにリード獲得や会員登録につなげたい資料・ブログ記事などです。

あいまいなフィードバックではなく、page-cro は定義済みのCROフレームワークを使います。バリュープロポジションのわかりやすさ、見出しやメッセージ、CTA（行動喚起）、ビジュアルの階層構造、信頼獲得要素、想定される不安や躊躇ポイント、ページタイプ特有のパターンなどをレビューします。出力は「Quick Wins」「High‑Impact Changes」「Test Ideas」といったセクションに整理され、優先度や性質がわかりやすくなっています。

page-cro は誰のためのスキル？

page-cro が特にフィットするのは、次のような人です。

• サインアップ、デモ申込、トライアル、購入、サブスクリプションなどを目的としたマーケティングページを所有・運用している
• Google Ads や Meta Ads などの有料トラフィックを流しているが、広告とランディングページのメッセージのズレを疑っている
• マーケター、ファウンダー、PM、CROスペシャリストとして、構造化された提案やA/Bテストアイデアを欲している
• 複数のプロダクト・キャンペーン・市場にまたがって、ページを継続的にレビューする仕組みが必要

とくに、次のような声が出ているときに役立ちます。

• 「このランディングページ、全然コンバージョンしない」
• 「直帰率が高すぎる」
• 「みんな途中で離脱してサインアップしてくれない」
• 「メインの料金プランを誰も選んでくれない」
• 「ホームページのトラフィックは増えているのに、コンバージョンは横ばい」

page-cro はどんな問題を解決する？

page-cro は次のようなことに役立ちます。

• トラフィックはあるのにコンバージョンしないマーケティングページの原因を診断する
• 「うちのランディングページ、ほんとダメ」といった漠然とした不満を、明確なCRO診断に変える
• 影響度で改善案に優先順位をつける（すぐできる修正 / 大きなリデザイン / 実験）
• 抽象的なアドバイスではなく、具体的な見出し案・CTA案を生成する
• ホームページ・料金ページ・デモ依頼ページなど、ページタイプごとに合ったA/Bテストをブレインストーミングする

page-cro はビジュアルデザインツールでも分析プラットフォームでもありません。すでに持っているコンテキストやトラフィックデータを前提に、改善案を提案する「CROレビューの専門家」として、あなたのワークフローに組み込めるスキルです。

他のCROスキルではなく、page-cro を使うべきタイミングは？

page-cro は、個別のページで「訪問者をリードや顧客に変えること」が主目的になっているケース向けに設計されています。核心の課題が「このマーケティングページ、トラフィックはあるのにコンバージョンしない」であれば、page-cro が適切です。

特定のフローに特化したスキルは、次のように使い分けます。

• サインアップや会員登録フロー全体の最適化: signup-flow-cro
• サインアップ後のオンボーディングやアクティベーション: onboarding-cro
• サインアップ以外の単体フォーム（例: お問い合わせフォーム）: form-cro
• ポップアップやモーダル（退出意図、リード獲得オーバーレイなど）: popup-cro

迷う場合は、「マーケティングページらしいURLで、明確なコンバージョン目標がある」ページについては、page-cro をデフォルトとして使うのが無難です。

使い方

インストールとセットアップ

page-cro をエージェントやスキル対応環境に追加するには、marketingskills リポジトリからインストールします。

npx skills add https://github.com/coreyhaines31/marketingskills --skill page-cro

このコマンドは、coreyhaines31/marketingskills リポジトリから page-cro スキルのみを取得し、メイン設定と、評価用・リファレンス用ファイルを含めてインストールします。

page-cro 関連の主なファイル:

• SKILL.md – page-cro スキルの中核となる定義と振る舞い
• evals/evals.json – スキルがどう応答すべきかを示す、プロンプトと期待出力のサンプル
• references/experiments.md – ページタイプ別に整理されたCRO実験アイデア集

インストール後は、まず SKILL.md を開いてスキルの役割や前提を把握し、そのうえで evals と references フォルダを確認し、使い方と出力パターンのイメージをつかんでください。

基本ワークフロー：URL から CRO 提案まで

page-cro は、ページをレビューする際に一貫したワークフローに従います。

1. プロダクトマーケティングのコンテキストを取得する
   プロジェクト内に .agents/product-marketing-context.md（または旧環境では .claude/product-marketing-context.md）がある場合、スキルは最初にこのファイルを読むよう設計されています。これによって、ポジショニング、ターゲット、メッセージングの前提を把握したうえでページ評価を行います。

2. ページタイプとゴールを特定する
   スキルはページを次のいずれかとして分類します。

   • Homepage
   • Landing page（キャンペーンや広告専用ページなど）
   • Pricing page
   • Feature page
   • Blog/resource page
   • About などその他マーケティングページ

   そのうえで、主なコンバージョン目標を特定します。例えば:

   • Sign up / Start a free trial
   • Request a demo
   • Purchase / Upgrade
   • Subscribe（ニュースレターやコンテンツシリーズなど）
   • Download（リード獲得用資料、ホワイトペーパー）
   • Contact sales

3. トラフィックのコンテキストを分析する
   プロンプトや付与されたデータ（Google Ads、オーガニック検索、メールなどのトラフィック情報）をもとに、流入元のメッセージとページ上のコピーとの「メッセージマッチ」が取れているか、コンバージョンにどう影響していそうかを評価します。

4. CRO 分析フレームワークを実行する
   SKILL.md と evals/evals.json の例に基づき、構造化されたCRO観点から、主に次のようなポイントをチェックします。

   • Value proposition clarity
   • Headline effectiveness
   • CTA の文言・配置・階層
   • Visual hierarchy とフォーカスの置き方
   • Trust signals と social proof
   • Objection handling と risk reversal
   • フォームやレイアウト、気が散る要素などの Friction

5. 構造化された提案を出力する
   期待される出力（evals/evals.json に記載）は、次のようなセクションに整理されています。

   • Quick Wins – すぐ実装できる、小さな工数で効果が見込める変更
   • High-Impact Changes – コピー、レイアウト、構造を含む大きめの変更
   • Test Ideas – ページタイプやトラフィック特性に合わせた A/B テストや実験案

   多くのプロンプトに対して、スキルは次のようなことも行う想定です。

   • 広告とページ間のメッセージマッチの問題を指摘する
   • 見出しやCTAのバリエーションを2〜3案提示し、その理由を添える

典型的な利用パターン

evals/evals.json には、実際の利用を想定したプロンプトと、そのときスキルがどう振る舞うべきかの例が含まれています。代表的な使い方は次の通りです。

• トライアルコンバージョンが低い SaaS ランディングページ
  ページURLとトラフィックの概要（例: "5,000 visitors/month from Google Ads, 1.2% trial signup"）を渡し、page-cro に任せます。

  • ページタイプ（landing page）を判定
  • コンバージョン目標（free trial signup）を確認
  • バリュープロポジション、ヘッドライン、CTAを分析
  • Quick Wins と構造的な変更案、A/Bテストアイデアを提案

• 特定プランだけ極端に選ばれる料金ページ
  一部のプランだけ過度に選ばれたり、逆に無視されている場合、page-cro は料金情報と references/experiments.md 内の実験案を組み合わせ、料金表示の仕方、推奨プランの見せ方、 objection handling などのテストを提案します。

• リード獲得が目的のブログ・リソースページ
  トラフィックは多いのにコンバージョンしないコンテンツでは、page-cro がコンテンツ上のCTA、リードフォームの配置、トピックとオファーの整合性などを評価し、関連性の高い実験案を出します。

experiments ライブラリの使い方

references/experiments.md は、ページタイプごとに整理されたCRO実験アイデアのキュレーション集です。

• Homepage experiments（hero、trust & social proof、features、navigation）
• Pricing page experiments（plan layout、price anchoring、objection handling）
• Demo request page experiments（form friction、CTA variants、routing）
• Resource/blog experiments（content CTAs、inline vs. sidebar offers）
• Landing page experiments（message match、conversion focus、page length）
• Feature page experiments（feature presentation、conversion paths）
• Cross-page experiments（site-wide tests、navigation changes）

page-cro はこのライブラリを活用して、次のようなことができます。

• あなたのページタイプに合った実験テーマを提示する
• 「誰もミドルプランを選ばない」といった課題を、具体的なテスト案に落とし込む
• 汎用的なアイデアではなく、優先度をつけた実験ロードマップとして提案する

page-cro が向かないケース

次のような場合は、別のアプローチ・スキルを検討してください。

• 課題がサインアップ後の プロダクトオンボーディング にある → onboarding-cro を推奨
• 単一のマーケティングページではなく、複数ステップのサインアップやチェックアウトフロー にフォーカスしている → signup-flow-cro を推奨
• コンバージョンゴールとは関係なく、純粋にUIコンポーネントやビジュアルデザインの改善だけを求めている → デザイン特化のスキルの方が適切
• まだトラフィックや基準となるコンバージョンデータがほとんどない → page-cro は、ある程度のデータや明確なゴールがある段階で最も価値を発揮します

FAQ

page-cro はページのどこを見ている？

page-cro は、コードやピクセルレベルのデザインではなく、「コンバージョンを動かす要素」にフォーカスします。スキル定義と評価用プロンプトに基づき、主に次のポイントを重視してチェックします。

• ファーストビューでバリュープロポジションがどれだけ明確に伝わっているか
• ヘッドラインとサブヘッドラインで、「誰向けのプロダクトで、どんな成果をもたらすのか」が説明できているか
• CTA のわかりやすさ、目立ち方、優先度のつけ方
• 広告・流入元での約束と、ページ上のメッセージとのマッチ度合い
• Social proof、トラストバッジ、導入事例・お客様の声などの配置と説得力
• 価格、手間、リスクなどの不安・懸念がどう扱われているか
• フォームやレイアウトなど、訪問者の行動を妨げる friction

Google Ads や他の有料トラフィック施策にも役立つ？

直接広告運用をするわけではありませんが、間接的には役立ちます。page-cro の evals には、Google Ads からのトラフィックを前提にしたシナリオも含まれており、次のような振る舞いが想定されています。

• 有料トラフィックの受け口となるランディングページを特定する
• 広告の約束内容とページ上のメッセージを比較する
• メッセージミスマッチを、コンバージョン低迷の要因として指摘する
• ページを広告キャンペーンによりよく合わせるための、見出し・CTAのバリエーションや実験案を提案する

広告アカウントの管理は行いませんが、ページ側のCRO改善によって、広告費の効率を高めるサポートをします。

一般的なランディングページのアドバイスと何が違う？

page-cro は、evals/evals.json に落とし込まれた明確なCROフレームワークと期待値をベースに作られています。そのため、次のような特徴があります。

• まずページタイプ・コンバージョンゴール・トラフィックコンテキストの整理から始める
• フリーフォームなコメントではなく、Quick Wins / High-Impact Changes / Test Ideas という構造化されたセクションで出力する
• 代替ヘッドラインやCTAなど、具体的なコピー案を理由付きで出す
• references/experiments.md の実験ライブラリを活用し、実現性の高いA/Bテストを提案する

これにより、「チェックリスト的な一般論」よりも、継続的なCRO実務に使いやすいスキルになっています。

page-cro を使うのに、分析データは必須？

トラフィック量、現在のコンバージョン率、主な流入チャネルなど、基本的な指標を共有してもらえると、page-cro の力を最大限引き出せます。ただし、データが乏しい状況でも次のことは可能です。

• ページ構成とメッセージングのレビュー
• 典型的な friction やわかりにくさの推測
• 最初に試すべき変更案やテスト案の提示

一方、「60% が一番安いプランを選び、30% が直帰している」などのデータがある場合、スキルはそれを診断や実験提案に組み込んで活用する設計になっています。

同じプロジェクト内で、異なるページタイプにも対応できる？

はい。references/experiments.md はページタイプ別に整理されており、スキル定義上も「まずページを分類してから提案する」ことが期待されています。そのため page-cro は次のように使えます。

• メインサイトには Homepage 向けの実験アイデアを活用
• プランページには Pricing page 向けのアイデアを適用
• デモ依頼ページにはフォームやルーティング周りの実験を提案
• ブログやリソースハブには、コンテンツ CTA の最適化案を提示

1つのプロダクト内で複数URLに使い回すことも、複数プロダクト・複数キャンペーンにまたがって利用することもできます。

page-cro の期待される挙動を、もっと具体的に知るには？

page-cro ディレクトリ内の evals/evals.json を開いてください。SaaS のランディングページや料金ページの課題などを題材にしたサンプルプロンプトと、それに対して期待される分析内容・出力構造の説明が含まれています。これらの例を見ることで、どのようにプロンプトを書けばよいか、page-cro がどのような結果を返すのかを、最速で理解できます。