Skip to main content
Tangiblee
 > 
Help Center
 > 
 > 

測定可能で効果的なクリックスルー率(CTR)を実現するCTAプレースメント

CTAの配置とデザインは、どの製品ページでもクリック率を高めるための戦略的な側面です。

  • Tangibleeのソリューションは、購入プロセスの初期段階から中期段階のユーザーにとって最も価値があります。この間、ユーザーは商品画像を見て、それがどのようにニーズに合っているかを理解します。この段階ではTangibleeの価値が発揮され、製品のサイズやフィット感に関する質問に答えるのに役立ちます。
  • Tangiblee CTAを製品画像のフォーカスエリアに配置することは、ユーザーの探索段階に沿ったものとなり、ユーザーがツールを最大限に活用できるようになります。この配置により、エンゲージメントと満足度が向上し、より多くの情報に基づいた購入決定が可能になり、サイズの問題による返品率が低下する可能性があります。
  • 購入プロセスの開始は、Tangiblee CTAに最適な場所である商品画像カルーセルエリア内で行われます。Tangiblee ボタンは商品画像の上またはそのすぐ下に配置することをおすすめします。

以下の例とクリック率情報を参照してください。

モバイルCTAプレースメント-ハンドバッグ&ラゲッジ

理想的なCTA配置の例

理想的なモバイルCTAの配置は、画像の近く、または上に重ねて、スクロールせずに見える位置と、[カートに追加] ボタンの近くに配置することです。このプレースメントは 12~ 23% のクリック率を生み出します。

不適切なCTA配置の例

モバイルのCTAの配置が不適切だと、スクロールできない場所や、スクロールが必要になったりすると、クリック率が10%未満になります。

デスクトップCTAプレースメント-ハンドバッグとラゲッジ

理想的なCTA配置の例

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

理想的なCTA配置の例

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

不適切なCTA配置の例

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

推奨CTAテキスト-ハンドバッグと荷物

  • ビューサイズ
  • サイズを見る
  • バッグサイズを見る
  • バッグサイズを比較
  • サイズを比較

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

理想の例

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

不適切なCTA配置の例

デスクトップ CTA プレースメント-ウォッチ

理想的なCTA配置の例

時計のデスクトップCTAの理想的な配置は、製品写真の上隅と折りたたんだ状態です。この結果、クリック率は 10 ~ 30% になります。

不適切なCTA配置の例

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

モバイルCTAプレースメント-ジュエリー

理想的なCTA配置の例

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

デスクトップ CTA プレースメント-ジュエリー

理想的なCTA配置の例

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

不適切なCTA配置の例

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

推奨CTAテキスト-ジュエリー

  • サイズを見る
  • 試着してみる
  • 見てみよう
  • サイズを比較
  • サイズ変更

サマリー

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