測定可能で効果的なクリックスルー率(CTR)エンゲージメント
CTAの配置とデザインは、どの製品ページでもクリック率を高めるための戦略的な側面です。
モバイルCTAプレースメント-ハンドバッグとラゲッジ


モバイルCTAの理想的な配置は、画像の近く、スクロールせずに見える部分の上、「カートに入れる」ボタンの近くです。このプレースメントは 12~ 23% のクリック率を生み出します。

モバイルのCTAの配置が不適切だと、スクロールできない場所や、スクロールが必要になったりすると、クリック率が10%未満になります。
デスクトップCTAプレースメント-ハンドバッグとラゲッジ


理想的なデスクトップCTAの配置としては、アイコンとテキストの両方が、スクロールせずに見える場所の上、「カートに入れる」ボタンの上、画像の近くに配置されるのが理想的です。その結果、クリック率は 15 ~ 30% になります。

もう1つの理想的なデスクトップCTA配置は、カルーセル内です。その結果、クリック率は 30 ~ 50% になります。

デスクトップのCTAの配置が不適切なのは、テキストのみで、スクロールせずに表示され、CTAにアクセスできないことです。その結果、クリック率は 10% 未満になります。
推奨CTAテキスト-ハンドバッグと荷物

モバイルCTAプレースメント-ウォッチ

時計のモバイルCTAの理想的な配置は、商品画像の近く、スクロールせずに見える部分の上に、アイコンとテキストが表示されることです。これにより、クリック率は10~ 30% になります。
デスクトップ CTA プレースメント-ウォッチ

時計のデスクトップCTAの理想的な配置は、メインの製品画像の上とスクロールせずに見える位置です。この結果、クリック率は 10 ~ 30% になります。

時計のデスクトップCTAの配置が不適切なため、スクロールする必要があります。その結果、クリック率は 10% 未満になります。
モバイルCTAプレースメント-ジュエリー

ジュエリーに最適なモバイルCTA配置は、商品画像の近く、スクロールせずに見える部分の上に、アイコンとテキストが表示されるように配置することです。その結果、クリック率は 15 ~ 30% になります。
デスクトップ CTA プレースメント-ジュエリー

ジュエリーのデスクトップCTAの理想的な配置は、メインの商品画像、スクロールせずの上、カルーセルの近くに配置することです。その結果、クリック率は 15 ~ 30% になります。

ジュエリーのデスクトップCTAの配置が不適切なため、スクロールが必要です。その結果、クリック率は 10% 未満になります。
推奨CTAテキスト-ジュエリー

サマリー
- スクロールしないように CTA をスクロールせずにスクロールさせてください
- CTA をメイン画像の近くに配置します
- CTA をクリック可能に見せる:テキストリンクだけでなく、実際のボタン要素を使用する
- ユーザーの注意を引くためのアイコンの追加
- ショートテキストとアクションワードを使う
- デバイス間で異なる CTA ロケーションを検討してください
- ブランドのビジュアルランゲージ (フォント/カラー) を取り入れましょう
- CTAに少しスペースを与えて、注目を集めましょう
- 独自のPDPに合わせてCTAをカスタマイズできます(メイン画像のサイズと配置、Webサイトページの縮尺など)