Communitygithub.com

mounra/ai-marketing

ランディングページのコンバージョン最適化(CRO)を徹底的に分析します。セクションごとに分解し、優先順位付けされた実践可能な改善策を提供し、コンバージョン率に直接影響を与えます。

ai-marketing とは?

このスキルは、ランディングページのコンバージョン率最適化(CRO)を包括的に分析するために設計されています。ページをセクションごとに分解し、各要素を評価して優先順位付けされた改善策を提供します。このスキルは、URLが提供された際に、Claude CodeやCodexなどのAIエージェント上で機能し、ユーザーがコンバージョン率の向上を目指す任意のランディングページを監査できます。分析は、Heroセクション、価値提案、社会的証明、機能性、反論管理、CTA、フッターの7つの主要セクションに基づいており、各セクションが採点され、具体的なアクションが提案されます。さらに、フォーム最適化、モバイル対応、ページ速度の影響を評価し、最終的にはA/Bテストの推奨事項と優先順位付けされた修正リストを生成します。このスキルは、あらゆるタイプのランディングページ(リード獲得、SaaS、eコマースなど)に対応し、結果を詳細なマークダウンファイルとして出力するため、開発者やマーケターがデータに基づいた改善を迅速に行うことができます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mounra/ai-marketing/tree/HEAD/skills/market-landing

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

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

ドキュメント

ランディングページCRO分析

スキルの目的

ランディングページのコンバージョン率最適化(CRO)を徹底的に分析します。このスキルは、ページをセクションごとに分解し、コンバージョン率に直接影響を与える優先順位付けされた実践可能な修正を提供します。

重要:あなたは常に日本語で応答し、すべての成果物を作成する必要があります。

使用タイミング

  • ユーザーがランディングページのURLを提供し、コンバージョン最適化を依頼した場合
  • ユーザーがランディングページのフィードバック、レビュー、または監査を依頼した場合
  • ユーザーが登録率、リード獲得率、または購入率の向上を望む場合
  • /market landing <url> または /market cro <url> でトリガーされます

実行方法

ステップ1:ページタイプの特定

分析するランディングページのタイプを決定します。これにより、ベンチマークとスコアの重み付けが影響を受けます。

ページタイプ主な目的良好なCVR優れたCVR
リード獲得メール/フォーム送信5-10%15%+
SaaS登録無料トライアルまたはフリーミアム3-7%10%+
eコマース商品カート追加/購入2-4%5%+
ウェビナー登録イベントへの登録20-30%40%+
アプリダウンロードアプリのインストール10-15%20%+
ウェイトリストウェイトリストへの参加15-25%35%+
アポイント獲得電話の予約5-10%15%+
寄付寄付の実行2-5%8%+

ステップ2:7ポイントCROフレームワークの適用

各セクションを順に分析します。1~10のスコアを割り当て、具体的な観察結果を提供します。

セクション1:ヒーローゾーン(重み:25%)

訪問者が最初に目にする画面です。ここでコンバージョン判断の80%が始まります。

チェックリスト:

  • タイトルがページ読み込み後2秒以内に表示される
  • タイトルが主なメリットを伝えている(機能ではない)
  • タイトルが10語未満である
  • サブタイトルがタイトルを具体性をもって補完している
  • 主要なCTAがファーストビューに存在する
  • CTAボタンの色が背景とコントラストを成している
  • CTAテキストがアクション指向である(「送信」や「ここをクリック」ではない)
  • ヒーローイメージまたはビデオがメッセージをサポートしている(一般的なストック写真ではない)
  • 信頼バッジまたは社会的証明がファーストビューに表示されている
  • ページが3秒以内に読み込まれる
  • CTAと競合するナビゲーションメニューがない(専用ランディングページの場合)

スコア基準:

  • 9-10:メリットに焦点を当てた、具体的で魅力的なタイトル。明確でコントラストのあるCTA。ビジュアルがメッセージをサポート。信頼の指標が存在。
  • 7-8:タイトルとCTAは強力だが、要素が1つ欠けている(信頼バッジ、サポートビジュアル、または具体性)。
  • 5-6:一般的なタイトルまたは弱いCTA。ファーストビューに欠けている要素が複数ある。
  • 3-4:機能に焦点を当てた、または曖昧なタイトル。CTAがファーストビューの下にあるか不明確。
  • 1-2:明確なタイトルまたはCTAがない。訪問者が5秒以内にオファーを理解できない。

セクション2:バリュープロポジション(重み:20%)

ページがなぜ誰かがコンバージョンすべきかをどれだけ伝えているか。

チェックリスト:

  • 製品/サービスが何をするかの明確なステートメント
  • 約束された具体的な結果またはメリット
  • 代替案との差別化(なぜこのソリューションなのか)
  • ターゲットが明確(訪問者は自分向けかどうかがわかる)
  • 可能な場合はメリットが定量化されている(X時間節約、Y%向上)
  • バリュープロポジションが斜め読みできる(段落に埋もれていない)

4Uフレームワークによる評価:

  1. 役立つ — 訪問者の本当の問題を解決していますか?
  2. 緊急性 — 今すぐ行動する理由はありますか?
  3. ユニーク — 競合他社と異なっていますか?
  4. 超具体的 — 主張は具体的で、曖昧ではありませんか?

セクション3:社会的証明(重み:15%)

他の人々がこの製品/サービスを信頼し、恩恵を受けているという証拠。

社会的証明のタイプ(説得力の高い順):

  1. 結果/収益の指標(「24億ユーロを取り扱い」、「50万人のユーザー」)
  2. 名前、写真、役職、会社が明記された顧客の声
  3. 認知可能な顧客ロゴ
  4. 具体的な結果を示すケーススタディ
  5. スコアとレビュー数
  6. メディアでの言及(「~で紹介されました」)
  7. 認証と賞
  8. ユーザー生成コンテンツ
  9. ソーシャルメディアのフォロワー数

チェックリスト:

  • 少なくとも2種類の社会的証明が存在する
  • 顧客の声には実際の名前と写真が含まれている
  • 顧客の声は具体的な結果やメリットに言及している
  • 社会的証明は意思決定ポイントの近く(CTAの近く)に配置されている
  • 数字は具体的である(四捨五入されていない — 「11,847」は「10,000+」よりも優れている)
  • ロゴはターゲットにとって認知可能である
  • 社会的証明は最新で関連性がある

セクション4:機能とメリット(重み:15%)

ページが製品/サービスの内容をどのように提示しているか。

チェックリスト:

  • 機能がメリットに変換されている(その機能がユーザーにとって何をするか)
  • コンテンツが斜め読みできる(アイコン、箇条書き、短い段落)
  • 視覚的階層が機能を通して視線を誘導する
  • 最も重要な機能/メリットが最初にリストされている
  • 各機能セクションに明確なミニタイトルがある
  • 説明にスクリーンショット、デモ、またはビジュアルが付随している
  • 機能リストは完全だが、圧倒的ではない(3~7の主要機能)

機能からメリットへの変換チェック: 悪い例:「AI搭載分析ダッシュボード」 良い例:「どのキャンペーンが収益を生み出しているかを正確に把握 — AIが代わりにデータを分析します」

セクション5:反論管理(重み:10%)

ページが訪問者がコンバージョンしないかもしれない理由にどのように対処しているか。

ページタイプ別の一般的な反論:

反論対処方法
「高すぎる」ROI計算機、価格比較、返金保証
「効果があるか確信がない」ケーススタディ、無料トライアル、デモビデオ
「複雑すぎる」セットアップアシスタント、オンボーディングサポート、「5分で開始」
「本当に必要か確信がない」問題の喚起、行動しない場合のコスト
「自分に合わなかったら?」無料トライアル、返金保証、いつでも解約可能
「データは安全ですか?」セキュリティバッジ、コンプライアンスロゴ、プライバシーポリシーへのリンク
「チームと相談する必要がある」共有可能な比較ページ、チームトライアル、ROIサマリー

チェックリスト:

  • 3~5の主要な反論に答えるFAQセクション
  • リスク軽減要素が存在する(保証、無料トライアル、いつでも解約可能)
  • 価格の透明性(隠れた費用や驚きがない)
  • 該当する場合はセキュリティとプライバシーの指標
  • 代替案との比較(該当する場合)

セクション6:コールトゥアクション(重み:10%)

コンバージョン機構そのもの。

CTAボタンチェックリスト:

  • CTAテキストが価値を説明している(アクションではない)(「無料レポートを入手」vs「送信」)
  • CTAボタンが視覚的に支配的である(サイズ、色、余白)
  • CTAが長いページに複数回表示される
  • まだ準備ができていない訪問者向けのセカンダリCTAが存在する
  • CTAにサポートマイクロテキストがある(例:「クレジットカードは不要」)
  • ボタンテキストが一人称を使用している(「自分のトライアルを開始」vs「あなたのトライアルを開始」)
  • CTAがオファーに固有である(一般的ではない)

CTAテキストスコア:

  • 弱い:「送信」、「ここをクリック」、「もっと詳しく」
  • 中程度:「登録」、「開始」、「ダウンロード」
  • 強い:「無料トライアルを開始」、「パーソナライズされたレポートを入手」、「割引を利用する」

セクション7:フッターと二次要素(重み:5%)

ページの下部とサポート要素。

チェックリスト:

  • ページ下部に最終CTAが存在する
  • 連絡先情報またはサポートオプションが表示されている
  • プライバシーポリシーと利用規約へのリンク
  • 最終CTAの近くに信頼バッジが繰り返し表示されている
  • コンバージョンから外部へ誘導する競合リンクがない
  • 法的表示と著作権が存在する
  • ソーシャルメディアリンク(コンバージョンをサポートする場合のみ、気を散らさない場合)

ステップ3:テキストスコア

ページ全体のテキストを5つの側面で評価します(それぞれ1~10点):

  1. 明確さ — 訪問者は5秒以内にオファーを理解できますか?
  2. 緊急性 — 今すぐ行動する理由はありますか?
  3. 具体性 — 主張は数字、期限、結果で具体的ですか?
  4. 証拠 — 主張は証拠、データ、または顧客の声で裏付けられていますか?
  5. アクション指向 — テキストは次の具体的なステップを促していますか?

テキストスコアの計算:5つの側面の平均 × 10(100点満点)

ステップ4:フォーム最適化監査

ページにフォームがある場合、評価:

要素ベストプラクティス
フィールド数フィールドが1つ増えるごとにコンバージョンが約7%低下。リード獲得:最大3~5フィールド。
ラベルインラインまたはフローティングラベルを使用。プレースホルダーのみのラベルは避ける。
ボタンテキストバリュープロポジションに一致させる。「無料ガイドを入手」 > 「送信」。
エラー処理インライン検証。具体的なエラーメッセージ。エラー時にフォーム全体を消去しない。
複数ステップ長いフォームは進行状況インジケーター付きのステップに分割する。
必須 vs 任意必須フィールドではなく、任意フィールドをマークする。
自動入力標準フィールドではブラウザの自動入力を有効にする。
フィールドタイプモバイルキーボード用に適切な入力タイプ(email、tel、url)を使用する。

ステップ5:モバイルレスポンシブ監査

モバイルはWebトラフィックの60%以上を占めます。確認:

  • CTAが親指で操作可能(画面下半分)
  • テキストがズームなしで読める(本文は最小16px)
  • フォームがモバイルで使用可能(大きなタッチ領域、適切なキーボード)
  • 画像がレイアウトを壊さずに適切にリサイズされる
  • 水平スクロールが不要
  • ページが4Gで3秒以内に読み込まれる
  • 電話番号にはクリック-to-コールボタン
  • 固定CTAバーがスクロールに追従する(該当する場合)

ステップ6:読み込み速度の影響評価

コンバージョンへの影響のベンチマーク:

読み込み時間コンバージョンへの影響
0-2秒基準(最適)
2-3秒コンバージョン率-7%
3-5秒コンバージョン率-20%
5-8秒コンバージョン率-35%
8秒以上コンバージョン率-50%以上

一般的な速度の問題を確認:

  • 最適化されていない画像(WebP、遅延読み込みを使用)
  • レンダリングをブロックするJavaScript
  • ブラウザキャッシュの欠如
  • CDNなし
  • 過剰なサードパーティスクリプト
  • ミニファイされていないCSS/JS

ステップ7:A/Bテスト推奨の生成

各テストを仮説としてフォーマット:

テンプレート: 「もし私たちが[変更]をすれば、[指標]は[改善/増加]するでしょう。なぜなら[理由]だからです。」

検討すべきテスト例:

  1. タイトルのバリエーション(メリット重視 vs 結果重視)
  2. CTAボタンの色とテキスト
  3. 社会的証明の配置(ファーストビューの上 vs 下)
  4. フォームのフィールド数(1~2フィールド削減)
  5. ヒーローイメージ vs ヒーロービデオ
  6. 長いページ vs 短いページ
  7. 緊急性要素の追加(カウントダウン、限定数)
  8. 価格のアンカリングと表示
  9. 顧客の声の形式(テキスト vs ビデオ)
  10. チャットボットまたはライブチャットの追加

ステップ8:ヒートマップ解釈ガイド

実際のヒートマップデータがなくても、以下のアドバイスを提供:

  • レイアウトに基づく予想される注意ゾーン
  • コンテンツ密度に応じたF字型 vs Z字型の読み取り
  • 長さとコンテンツの切れ目に応じたスクロール深度の予測
  • 視覚的階層に応じたクリック確率ゾーン
  • 怒りのクリックの指標(クリック可能に見えるがクリックできない要素)
  • コンテンツが無視される可能性のあるデッドゾーン

出力形式

プロジェクトまたは出力ディレクトリに ANALYSE-LANDING.md ファイルを生成します:

# ランディングページCRO分析
## [ページURL]
### 分析日:[日付]

---

## CRO総合スコア:[X/100]

## ページタイプ:[特定されたタイプ]
## 推定現在のコンバージョン率:[観察に基づく推定]
## 目標コンバージョン率:[現実的な改善目標]

---

## セクションごとの分析

### 1. ヒーローゾーン [スコア:X/10]
**観察結果:**
- [具体的な観察結果]

**修正(優先度:高/中/低):**
- [具体的で実践可能な推奨事項]

[残りの7セクションについて繰り返し]

---

## テキストスコア:[X/100]
| 側面 | スコア | メモ |
|---|---|---|
| 明確さ | X/10 | [メモ] |
| 緊急性 | X/10 | [メモ] |
| 具体性 | X/10 | [メモ] |
| 証拠 | X/10 | [メモ] |
| アクション指向 | X/10 | [メモ] |

---

## フォーム監査
[観察結果と推奨事項]

---

## モバイル監査
[観察結果と推奨事項]

---

## A/Bテスト推奨
1. [仮説形式のテスト]
2. [仮説形式のテスト]
3. [仮説形式のテスト]

---

## 優先順位付けされた修正リスト

### クイックウィン(今週中に実装)
1. [期待される影響を含む修正]

### 中期(今月中に実装)
1. [期待される影響を含む修正]

### 長期目標(四半期内に実装)
1. [期待される影響を含む修正]

---

## CRO戦略サマリー
[優先順位と期待される影響を含む、推奨される行動の全体像をまとめたエグゼクティブサマリー]

関連スキル