cro-optimization

cro-optimization スキルの概要

cro-optimization で何ができるか

cro-optimization スキルは、ランディングページの URL もしくは貼り付けた HTML/CSS を解析し、CRO（Conversion Rate Optimization：コンバージョン率最適化）向けの実践的な監査レポートに変換します。一般的なサイト批評ではなく、サインアップ、リード獲得、売上をどう改善するかを知りたい人に最適です。cro-optimization for Conversion のワークフローで、「何を、どの順番で、なぜ変えるべきか」を知りたいなら、このスキルは非常に相性が良いです。

どんな人にインストール向きか

ランディングページ、商品ページ、広告キャンペーン用ページ、またはコンバージョンを主目的にしたリニューアル案件に関わるなら、cro-optimization をインストールする価値があります。特に、すでにページがあり、書き直し・再構築・テストの前に意思決定できるレビューが欲しい場合に役立ちます。ブランド寄りのフィードバックだけが欲しい場合や、コンバージョン目標のない広い範囲の UX 監査を求める場合には、あまり向いていません。

何が違うのか

このスキルは、明確性、メッセージの一致、単一オファーへの集中、要素単位のレビューという、特定の監査ロジックをベースにしています。リポジトリには CRO の原則やランディングページのパターンに基づく参照ファイルが含まれており、cro-optimization スキルの分析により明確な骨格を与えています。これは、見た目の感想ではなく、実行可能な提案が必要なときに重要です。

cro-optimization スキルの使い方

インストールして読み込む

リポジトリのツールが案内する cro-optimization のインストールコマンドを使い、その後でエージェントのワークフロー内でスキルを開きます。このスキルは、入力の有無によって動作を変える設計です。何も送らなければ URL か HTML/CSS を求め、内容を送ればそのまま処理に進みます。チャットベースでもファイルベースでも、受け渡しがシンプルです。

適切な入力を与える

cro-optimization をより良く使うには、1つの明確な対象ページと、具体的なコンバージョン目標を与えてください。良い入力例はこうです。「この SaaS ランディングページをデモ予約向けに監査してください。見出しの明確さ、CTA の摩擦、社会的証明に重点を置いてください。」悪い入力例は「サイトを改善できますか？」です。より深い要素レベルのフィードバックが欲しいなら、ページ URL、貼り付けた HTML/CSS、またはその両方を含めてください。主なターゲット層があるなら、それも書いてください。メッセージの一致はそこに左右されます。

先に読むべきファイル

リポジトリでは、references/cro_principles.md、references/landing_page_patterns.md、references/element_audit_framework.md の3つが必須ファイルとして示されています。これらは監査基準、ベンチマークとなるパターン、要素レビューの構造を定義しているため、出力を判断する前に必ず目を通してください。cro-optimization ガイドの採用可否を評価しているなら、ここが最も重要な準備ステップです。

実践的なワークフロー

まず、コンバージョン目標、対象ユーザー、ページ種別を明示します。次に URL または HTML/CSS を渡し、優先度付きの監査を依頼し、影響度と工数で分類した改善案を求めます。たとえば、「このランディングページの signup conversion をレビューしてください。上位5件の阻害要因を特定し、それぞれが関係するページ要素を対応付け、必要なら hero CTA を書き換えてください」といった形です。この枠組みにすると、スキルはすぐ実装できる提案を返しやすくなります。

cro-optimization スキル FAQ

cro-optimization はランディングページ専用ですか？

基本的にはそうです。このスキルは、1つのコンバージョンアクションが最重要なページ向けに最適化されています。焦点のある商品ページやキャンペーンページでも役立ちますが、情報設計を深く見直す作業や、サイト全体の UX 戦略には最適ではありません。

HTML/CSS は必要ですか、それとも URL だけで十分ですか？

エージェントがページを確認できるなら、まずは URL だけで始められます。より正確な要素監査が欲しい場合や、ライブページにアクセスしづらい場合は HTML/CSS のほうが適しています。cro-optimization スキルでは、ページ文脈が多いほど仮定が少なくなります。

通常のプロンプトと何が違いますか？

通常のプロンプトでも一般的な CRO の助言はできます。cro-optimization は、実行手順、参照資料、ページをどう監査するかの期待値を明確にしています。その結果、曖昧な出力が減り、コンバージョンに影響するページ要素に先に集中しやすくなります。

初心者でも使えますか？

はい、ページの内容と目的を説明できるなら使えます。CRO 用語を知らなくても問題ありません。初心者にありがちな失敗は、文脈を与えなさすぎることです。その場合、出力が具体的ではなく広すぎるものになります。初めてなら、そのページが何を売っているのか、誰向けなのか、どんな行動を促したいのかを書いてください。

cro-optimization スキルを改善する方法

コンバージョン目標を明確にする

最も大きな改善は、1つの主要成果をはっきり名指しすることです。「ページを良くしたい」より、「デモ申込を増やしたい」のほうが優れています。ページに複数の CTA がある場合は、どれを最重要にしたいのかを伝えてください。そうすれば、すべてを平均化せず、1本の意思決定導線に最適化できます。

制約条件と証拠素材を共有する

cro-optimization は、守るべき制約があるほど精度が上がります。たとえば、ブランドトーン、オファー上の制限、コンプライアンス文言、導入事例の有無、開発上の制約などです。すでに数値、ロゴ、顧客コメント、比較材料があるなら、それも含めてください。こうした入力があると、分析を理論から信頼できるコンバージョン提案へ引き上げやすくなります。

並べるのではなく、優先順位付きで依頼する

cro-optimization の出力で最も役立つのは、優先順位がついていることです。コンバージョンへの影響が大きい順に課題を並べ、その上位項目だけについてコピーやレイアウトの改善案を求めてください。これにより、「全部改善しましょう」という浅いフィードバックを避けられ、最初の対応もしやすくなります。

具体的な再依頼で反復する

最初の監査のあとで、変更した点とまだ不明な点を返してください。たとえば、「hero と CTA を更新しました。信頼性、フォームの摩擦、ファーストビューの明確さを再レビューしてください」と伝えます。この2回目の確認で、cro-optimization スキルの価値が最も高まります。同じ高レベルの助言を繰り返すのではなく、残っている阻害要因に集中できるからです。