eコマースのCTAがうるさすぎませんか?

公開: 2023-10-21

新しいテーマパークにいて、A 地点から B 地点に移動しようとしていると想像してください。

「旅を始めましょう」という大きな風変わりな矢印の看板が掲げられています。その方向に歩いていくと、別の標識が邪魔をします。「お土産も忘れずに！」それは言います。

さらに標識が表示されるまで、元の矢印に沿って進みます。
「お腹を満たしてください」と「甘いお菓子、誰かいますか？」

次に気づいたときには、あなたは自分の道から外れてしまいます。

同様に、Web サイト上の e コマースの CTA についても賢明である必要があります。

ウェブサイト上で CTA をどのように表示するかが重要

行動喚起は行動に影響を与え、見込み顧客を有料顧客に導き、顧客を忠実な常連客に導きます。

ペースの速いオンラインの世界では、(Web サイト上であっても) 人々の注目を集めるだけでなく、製品を購入したいという欲求 (または欠如) も争うことになります。

サイトの CTA ボタンが多すぎる、少なすぎる、または配置が間違っていると、訪問者が Web サイト内を移動する際の集中力が妨げられる危険があります。

そして、訪問者のコンバージョンを妨げた瞬間に、セールはジェットコースターのように急速に過ぎていきます。

CTA が多すぎることが問題となる理由

ページ上の CTA の数を増やすとクリック率が上がると思うかもしれません。訪問者にクリックの機会を提供すればするほど、訪問者がクリックする可能性は高くなります。

完全ではありません。

ボタンが多すぎると、訪問者が混乱したり、圧倒されたり、気が散ったりする可能性があります。あなたは彼らに「今すぐ買い物をしてほしい」と思っているかもしれませんが、二次的な CTA である「もっと詳しく」や「他の人が何を言っているかを見る」が彼らの注意を奪っています。

場合によっては、これらの追加の CTA が有益です。しかし、そうでない場合は、CTR とコンバージョン率に悪影響を及ぼします。

また、訪問者が実際にクリックしたとしても、CTA が増えると、主要な CTA (他の何よりも優先して実行してもらいたいアクション) 以外のものをクリックする機会が増えることになります。

CTA が少なすぎることが問題となる理由

場合によっては、Web ページにさらに多くのボタンが必要になることがあります。初めてテーマパークに入ったときのことを覚えていますか? 主要な観光スポットに行くのに十分な標識がなかったと想像してください。

先ほどのたとえと同様に、CTA が少なすぎると、ガイダンスを期待する訪問者がイライラしてしまう可能性があります。

最も避けたいのは、どこに行けばよいのか簡単に見つからないために、コンバージョンを望んでいるリードからコンバージョンの機会を奪うことです。

いくつかのアクションを備えた、スクロール可能な長いホームページを考えてください。このようなページでは、顧客がジャーニーのどの段階にいるか、または製品の価格がどの程度高いかに基づいて、物理的なサイトや販売目標到達プロセスを通じて顧客を容易にするために、複数の CTA が必要になる場合があります。

では、あなたの e コマースサイトには、どこに CTA が何個必要でしょうか?

サイトのページに必要な CTA の数と配置は、そのページの目標によって異なります。当然、それは事業ごと、ページごとに変わります。

目標は、そのページに誘導している訪問者のタイプと、次に誘導する場所 (ページレイアウトと CTA) を示す必要があります。

CTAの数

ランディングページや連絡先ページなど、1 つのアクションに焦点を当て、そのページに知っておくべき情報がすべて含まれているページなど、特定のページでは 1 つのCTAが必要です。

これらは、訪問者に実行してもらいたい単一のアクション以外のオプションで訪問者を圧倒したり、気を散らしたくない場合です。

一方、ホームページやカテゴリページなどのページでは、複数の CTA を表示するためのいくつかの方法が提供される場合があります。

CTAの配置

今日のインターネットでは、フォールドを超えてスクロールする人が増えていますが、それは誰もが一番下までスクロールしているという意味ではありません。

e コマースサイトの一般的なルールとして、主要なトランザクション CTA をページの最初の 2 画面に配置することをお勧めします。

プライマリ CTA の複製を含む、関連ボタンや追加ボタンをどこに配置するかは、ページの目標によって異なります。

CTA はページの長さとコンテンツに依存するという意見も聞きましたが、実際には同時に決定されるべきです。

クライアントの Web サイトのページの情報アーキテクチャを開発する場合、そのページに誰がアクセスするのか、そしてそのページをどこに誘導したいのかによって、CTA とそのユーザーを引き付けるコンテンツが決まります。

目標達成に役立つ CTA の種類

さまざまな種類の CTA を理解すると、ページ上の CTA がそのページの戦略と一致しているかどうかを判断するのに役立ちます。

UI に関しては、CTA のデザインは大きくてカラフルなボタンから控えめなハイパーリンクまで多岐にわたります。スティッキー CTA は、ページを下にスクロールしても画面の上部に留まる別のタイプのボタンです。 CTA デザインについて何を決定するかは、ブランディングと目標によって決まり、最終的にはユーザーエクスペリエンスに影響します。

e コマースの目標に対する一般的な CTA の例は次のとおりです。

無料で試す:物理的なサンプルやデジタル製品の試用版を提供する獲得戦略に最適です。
今すぐ購入:これらの CTA は、獲得および維持戦略に適しており、興味のある買い物客に入手可能な製品をチェックするよう促します。
今すぐ購入:これらのボタンは要点を正確に示しており、検討中の製品が 1 つある場合の獲得または維持戦略に適しています。
サインアップまたは購読:これらのボタンは、電子メールおよび SMS マーケティング戦略のリストを作成したり、購読ベースのサービスの最終販売を促進したりするために使用します。
詳細:これらのボタンは認知度向上戦略に貢献するものであり、ユーザーにとっては最も緊急性の低いものです。
共有:認知度戦略にも貢献し、訪問者があなたのコンテンツを他の人と共有することを奨励することでリーチを広げます。

ただし、サイトでは上記の CTA のコピーを使用して、ブランドや販売する商品との整合性を高めることができます。保険会社は、購入より見積もりを勧めるでしょう。「お問い合わせください」の代わりに「営業担当のジョンに連絡してください」と言うかもしれません。

オプションは無限ですが、重要なのは、クリック後に何が起こるかを明確に予想することです。

ページの CTA を優先度によってランク付けすることもできます。

プライマリ CTA:これらのボタンは、訪問者に実行してもらいたい主なアクションを示します。
重複した CTA:これは、単一ページ上でのプライマリ CTA の繰り返しを参照する 1 つの方法です。 CTA が重複すると（理由の範囲内で）、特に長いページの場合、コンバージョン率が増加する可能性があります。
関連する CTA:これらのボタンは主要な CTA に近い重要性を持っていますが、カスタマージャーニーのさまざまな部分でオーディエンスを獲得するために使用されます。たとえば、ソフトウェア会社のホームページでは、「今すぐ購入」と「デモを予約」の CTA を並べて表示し、準備ができている訪問者と興味のある訪問者の両方を獲得できる場合があります。
追加の CTA:これらのボタンは、表示されるページに応じて変化する 2 番目、3 番目などの CTA です。たとえば、ホームページ上のセカンダリ CTA が、概要ページ上のプライマリ CTA になる場合があります。

eコマースCTAの実践例

さまざまなアプリケーションでの e コマースの行動喚起の例をいくつか見てみましょう。企業の状況はそれぞれ異なりますので、これらの例はあくまで参考です。

ホームページのCTA

e コマースビジネスでは、常にホームページのスクロールせずに見える部分にプライマリ CTA を表示する必要があります。

ただし、訪問者のさまざまな段階で訪問者が Web サイトを探索し、会社やサービスについて詳しく知ることができるように、下位にさらに CTA を含めることもできます。たとえば、潜在的な顧客が貴社の製品について「詳細を確認」したり、現在の顧客が VIP メンバーシップに「サインアップ」したり、「カスタマーサポートに電話」したりできるように支援したい場合があります。

より多くの情報があれば、重複した CTA を戦略的に配置して、訪問者にスクロールバックせずに最もしてほしいことを思い出させることができます。

ここでの行動喚起は、Web サイトのマーケティング目標に基づいて優先順位に従って決定する必要があります。

ホームページの CTA の例

水筒会社Owala のホームページを例に挙げます。

すぐに、主要な CTA として目立つ「今すぐ購入」ボタンが 1 つあります。その最大の目標は水のボトルを販売することなので、他にはそれほど多くは必要ないことがわかります。

Owala は、マーベルをテーマにしたウォーターボトルを宣伝するために主な CTA を使用しましたが、全体的なメッセージは、気に入ったものが見つかることを期待して同社の製品を調べてくださいというものです。

2 番目の画面には、ショップ関連の別の CTA がありますが、この 2 番目のバージョンは、ショッピングのための 3 つの「ベストセラー」カテゴリで構成されています。

一方、フッターは 2 番目の CTA「サインアップしてください!」に切り替わります。ミニヘッダー「クラブに参加」の下にあります。

この CTA をフッターに含めるのは、いくつかの理由から理にかなっています。

これはセカンダリ CTA です。 オワラは何よりもウォーターボトルを売ろうとしている。
邪魔にならないよ。 この CTA はフッターで目立つため、他の訪問者が購入しようとしている貴重な画面領域を占有することなく、最も興味のある訪問者 (ここまで見る意欲のある訪問者) を捕らえることができます。

ただし、この CTA にはまだ改善の余地があります。Owala が当社のクライアントである場合、ヘッダーを更新するか、「クラブ」に参加することで得られるものを説明する短いコピーを追加することを提案するかもしれません。訪問者は、それがメンバーシップなのか、リワードクラブなのか、ニュースレターなのか、それとも他のものなのかわからないかもしれません。

製品ページのCTA

従来の製品ページには、画像やビデオ、製品の説明、価格、機能、社会的証明など、1 つの製品に関する情報が掲載されていました。ただし、より複雑な製品の製品ページには、より多くの情報が含まれる場合があります。

これらのページには主要な CTA (「カートに追加」など) のみが必要ですが、類似または関連商品への CTA などの他の CTA が含まれる場合があります。

訪問者が購入プロセスから外されないように、レビューや製品の比較は多くの場合、ページ自体に掲載する必要があります。

商品ページのCTAの例

例として、 Owala の製品ページの 1 つを見てみましょう。

Owala は、訪問者に自社の FreeSip ウォーターボトルをカートに追加するよう勧めています。これはページの主な目標であるため、ここでは主要かつ唯一の CTA です。

2 番目の画面では、Owala は「よく一緒に購入される商品」というヘッダーを使用して、3 つの類似製品を購入するための 2 番目の CTA「すべて追加: $82.97」を紹介しています。

このボタンの下にある製品情報を探している検討段階の顧客は、これらの補完的な製品を検討する可能性があります。既存の顧客がスクロールしなければならない部分のすぐ下にある場合にも、この CTA ボタンが表示される可能性があります。

しかし、まだ別の CTA があります。

製品情報の右下には、製品について詳しく知りたい新規顧客のために、控えめな「詳細は PDF を参照」ボタンがあります。

ページCTAについて

すべての e コマースページの中で、About ページが最も自由に行動できるかもしれません。

一部の企業は、CTA ボタンを使用して、新規訪問者に自社のブランドの価値や業績について教えています。「今すぐ購入」CTA で販売をさらに促進する場合もあります。

しかし、多くの企業は自己紹介ページから CTA を削除しており、さらなるエンゲージメントを促す機会を逃しています。 CTA が 1 つでも、ユーザーに次のことを指示できます。

人気のサービスを表示する
最も人気のあるブログやソーシャルメディアの投稿を読む
ベストセラー製品を閲覧する
メンバーシップまたはニュースレターに登録する
今後のイベントを見る
そしてリストは続きます…

About ページの CTA の例

パーソナルケア製品会社Burt's Beesは、会社概要ページに豊富なストーリーを掲載し、いくつかの「もっと詳しく」CTA を特集しています。

スクロールせずに見える範囲には、ナビゲーションバーの外側に明確な CTA はありません。同社は、スクロールを続けてほしいと考えています。

彼らが私たちのクライアントであれば、ページが下に続くことをより明確に示すために、この最初の画面でデザイン要素を使用することを提案するかもしれませんが、2 番目の画面は異なります。

ここでは、さらに詳しく知りたい人のために、会社の起源に関する段落の下に「読み続ける」CTA があります。

メインコンテンツへのリンクは、すべてを 1 ページにまとめるよりも負担が少なく、訪問者はさらに詳しく知りたい内容を選択できます。

また、訪問者が切り替えることができる 3 つのタブ、「Born Different」、「Seriously Good Stuff」、「For Nature」も含まれています。すべてのために。"

CTA に関する記事でページコンテンツについて説明するのはなぜですか?

各タブのコンテンツは、さまざまなタイプの訪問者が関心を持ちそうな内容をターゲットにしており、それぞれのセクションの CTA が訪問者の意図と一致しているためです (たとえば、「Seriously Good Stuff」の下にある「Find Your Solution」の CTA)。

おそらく最も重要なことは、上記のすべてにより、ページの一番下までスクロールが短くなり、顧客が購入できる商品、つまりお金を生み出す商品が紹介されることです。

これは、自己紹介ページでも販売機会を利用した好例です。

何を行動に移しますか?

CTA は訪問者にとって北極星であり、訪問者が次の目的地に到達するのを支援します。

しかし、CTA を用意することよりも重要なのは、快適なコンバージョンにつながる最適なユーザーエクスペリエンスを実現するために CTA を活用する方法を知ることです。

eコマースの効果的なCTAには説得力が必要であり、それを配置する場所には意味がある必要があります。乱雑さを加えたり、目の前の目標から視聴者の集中を妨げたりしてはなりません。

CTA ボタンのベストプラクティスについては、一日中読んでいられますが、結局のところ、Web サイトのページにどれだけのボタンを配置するか、どこに配置するかは、具体的な目標とカスタマージャーニーを評価することによってのみ決定できます。