IMNSBLG

Web制作会社で働くディレクターが、ディレクション業務に役立つ情報を更新していきます。

Webサイトの成果を上げるCTAに必要な6つのポイント

Webサイトを訪問したユーザに対して、商品やサービスへの問い合わせや商品の購入といったコンバージョンを上げるためには、行動を促すためのCTAの設計がとくに重要になります。この記事では、質の高いCTAを作成する上で注意するべきポイントをご紹介します。

 

 

CTAとは

「Call To Action(コール・トゥ・アクション)」の略で、日本語では「行動喚起」と訳されます。Webサイトを訪問したユーザに対して、具体的に起こして欲しい行動を示したテキストやボタンを配置して、目的を達成させるために使用します。コンバージョンをさせるために重要な要素となります。具体的には、「資料請求」や「会員登録」といったビジネスの成果を上げるための行動を取ってもらうことです。

ユーザに対して明確に次の行動を促し、内容を理解して納得をした上で先に進んでもらうためには、CTAを配置する位置やボタンの大きさ・色など、見落とされることなく、注意を引き付けるデザインが必要です。そして、具体的な行動に移すためのラベル付けが重要となります。

 

CTAを作成する際の6つのポイント

成果を上げるCTAを作成するためには、大きくは「デザイン」「コピー」「効果測定」の3つの視点を意識することが必要になります。具体的に注意すべき6つのポイントを、参考サイトと合わせて説明していきます。

 

1)目立つデザインにする

デザインを作成する上では、Webサイト全体のリンクの中でも、ユーザが見落とすことなく認識できるようにボタンのサイズを大きく配置したり、目立つ配色を考慮する必要があります。ボタンの色は、全体のバランスを考慮して埋もれることのない配色にする必要がありますが、安心感を与えて不安を軽減する効果がある「緑」や、購買意欲を刺激する「赤」または「オレンジ」が使用されることが多いです。

f:id:imnstkhs:20170528235133p:plain奉行10

ページ全体のデザインは、青を基調とした寒色系でデザインされていますが、資料請求を促すためのボタンはオレンジ色で大きく配置されているので、スクロールで読み進めていった際にも見落とすことがありません。

 

2)最適な場所に設置する

CTAを設置していても、ユーザの行動に沿った位置に配置されていないと認識されることはありません。ページの中でのストーリーに合わせて、商品やサービスについての興味を持たせた後に配置して、次の行動を促す必要があります。コンテンツの末尾に設置することが一般的ですが、ランディングページのようにページの構成が長い場合には、各節ごとに配置をしたり、画面に常時表示するために固定フッタとして設置することも有効です。

f:id:imnstkhs:20170528235332p:plain

Evernote

文書や画像、音声などのファイルをまとめて管理することができるEvernoteでは、4つの特長を完結に説明していった後に、「今日からスタート」というコピーをつけて、自然な流れで新規登録を促すCTAを設置しています。

 

f:id:imnstkhs:20170528235600p:plain

 〇MFクラウド給与

ページの構成が長いため、ファーストビュー以降では資料ダウンロードと新規登録を促すCTAが画面の下部に固定表示されます。常時表示されるために、読み進める中で気になったら行動に移せるメリットがありますが、大きく配置し過ぎてコンテンツを隠さないように注意が必要です。

 

3)ベネフィットを伝える

ユーザに対して、その行動を取ることによって、どのようなメリットがあるのかを明確に伝える必要があります。魅力的で自分に取ってメリットが感じられなければ、次の行動を起こしてもらうことは難しいでしょう。例えば、「本日まで送料無料!」や「40%OFF」といった直接的なメリットを感じられることで、コンバージョン率は大きく改善されます。

f:id:imnstkhs:20170528235716p:plain

 〇careco

期間限定のキャンペーンを実施していることから、今すぐ登録することが金銭的にお得であることを伝えて申し込みを促します。なお、キャンペーンのような場合には、実施期間や適用外のケース等の注意事項もCTAの付近には記載しておく必要があります。

 

4)不安を払拭する

オンラインでの会員登録を促す際に、ボタンのラベルが「会員登録」だけだとすると、「お金がかかるのでは?」「登録には時間がかかるのでは?」といった心理的な不安が付きまといます。「(無料)簡単1分で会員登録」のようなラベルにして、「無料であること」「時間がかからないこと」を明示的に伝え、ユーザが感じる心理的な障壁を払拭する必要があります。

f:id:imnstkhs:20170528235853p:plain

 〇Netflix

ストリーミング配信サービスのように月額費用が発生するサービスの場合、一度登録すると一定期間は解約できないのではないかと不安に感じるものですが、オンラインからいつでも解約できることを伝えることで、ユーザの不安を払拭しています。

 

5)簡単であることを伝える

上記の「不安を払拭する」に関連しますが、行動を起こすことによって、複雑な手順を要求されたり、時間がかかるようなイメージを持たれないように、ボタンをクリックした後の操作は簡単であることを完結に伝えなければいけません。

f:id:imnstkhs:20170529000041p:plain

 〇レバテック

求人情報への登録は、学歴や職務経歴など、膨大な個人情報を登録する手間を想像してしまいます。短時間で登録することができると明示することで、登録画面への遷移率は大きく変わるでしょう。

 

6)効果測定をして最適化を行う

アクセス解析での効果測定やA/Bテストを繰り返し、デザインやコピー、ボタンのラベル、配置といった細部の調整を継続して実施する必要があります。他のページで成果が出たCTAだとしても、サービスの内容やページの構成によっては、同じような成果が出るとは限りません。細かなチューニングを行い最適化することは、成果を出すCTAを作る上では必須となります。

 

まとめ

CTAを作成する際の6つのポイントをご紹介しましたが、商材やサイトの特性によっては注意すべきポイントはもっと多くなることもあります。

例えCTAを設置をしていても、適切でなければ目標を達成することができません。最低限、上記のポイントを意識したCTAを作成し、リリース後も継続したテストを繰り返すことで、コンバージョン率を高めるCTAを作成することができるでしょう。