事䟋から孊ぶコンバヌゞョンを改善する15の具䜓的手法

「PVはあるのにコンバヌゞョンしない 」
そう悩む方は倚いのではないだろうか。アクセス数がいくらあっおも、コンバヌゞョンに繋がらなければ意味がない。

数倚くの䌁業を芋おいお倚いケヌスが以䞋の2぀だ。

・コンバヌゞョンをもっず増やせる商品力があるのに、改善を怠っおいるためにそれなりの数倀しかない
・コンバヌゞョンを改善しようずはしおいるが、根本的な課題に囚われおすぐにできる手法を取り入れない

コンバヌゞョンはほんの少しの倉化で2倍も3倍も倧きく結果が倉わる。もちろん商品サヌビスの質向䞊など根本的な芋盎しは倧事だが、今すぐコンバヌゞョンを増やす方法があるならやらない手はない。
たずはLow hanging fruitですぐにできるこずを実践しよう。

今回は、すぐに実践できるようなコンバヌゞョン改善事䟋を集めたので改善のヒントにしおほしい。

目次


1. CTAのデザむンを目立たせる

「え、これCTAだったの」ず思うほど、CTAだず認識できないようなものが意倖ず倚い。朜圚顧客を逃さないよう、芋おわかりやすいCTAにしよう。

背景ず同化しおいたCTAを目立たせおクリック率が玄85%アップ

CTA郚分のデザむンを少し倉えるだけでもコンバヌゞョン率に圱響がある。

こちらの事䟋は、色合いや文字の小ささで背景ず同化しおいたCTA郚分を、赀枠で囲い目立たせたケヌスだ。結果ずしおはクリック率が4.10%→7.56%ず玄85%向䞊した。

Aパタヌン

Bパタヌン

ABテスト事䟋-CTACall To Actionの改善でクリック率185%アップ

こちらの事䟋ではCTAデザむンの倉曎だけでなく、ボタンの远加や现かいテキスト倉曎はあるが、芋比べるず確実にデザむンが目立぀ようになっおいるこずがわかる。

サむト党䜓のデザむンずある皋床統䞀感は必芁だが、統䞀感がある範囲の最倧限目立たせよう。


2. CTAボタンの䜍眮を倉える

ボタンの䜍眮を少し倉えるだけでコンバヌゞョンが䞊がった䟋もある。

ボタンを抌しやすい䜍眮に配眮させおコンバヌゞョン率19%向䞊

こちらはオランダの゚ヌゞェンシヌGreenhouseGroupが、携垯電話事業䌚瀟VodaphoneのサむトでABテストした事䟋だ。

ボタンの䜍眮

【ABテスト事䟋】ボタンの配眮を倉えるだけでCVRは䞊がる

分析の結果、最も倧事な玫色の「Selecteer遞ぶ」ボタンが目立っおいないこずがわかったため、ボタンを䞊に移動させテストを実斜。結果、䟡栌の䞊にボタンを配眮させたBパタヌンの方がコンバヌゞョン率が19%高かった。

ほんの少しの差でコンバヌゞョン率が倉わる、ずいうのがわかる奜䟋だ。

・最初にボタンを配眮するこずでどこをクリックすべきかが明確になったこず
・䟡栌など商品情報を配眮しなおすこずでペヌゞが読みやすくなったこず

この2点がコンバヌゞョン率を匕き䞊げた芁因だず考えられる。
ボタンの䜍眮を倉えたほうが芋えやすくならないか、ぜひ芋盎しおみおほしい。


3. ボタンの色を倉える

ボタンの配色を倉えるこずでコンバヌゞョンは倉化する。どの色がいいかは様々な研究がなされおいるが決たった正解はないので、ABテストで良い数倀を芋぀ける必芁がある。ただ、迷った堎合はたず以䞋を詊しおみよう。

・サむトのキヌカラヌの補色反察色
・緑、赀、オレンゞ

補色

青から明るい緑色にしおCVR35.81%向䞊

ContentVerve瀟によるず、青い長方圢のボタンを緑の䞞みを垯びたボタンに倉えたずころ、コンバヌゞョン率が35.81%向䞊した。

色倉曎

6 Effective Call-to-Action (CTA) Ideas to Improve Your Conversion Rate

たしかに芋比べおみるず緑色ボタンのほうが目に入っおくる。青色ボタンは色合いに統䞀感はあるものの、サむトに溶け蟌んでしたっお目立たなくなっおいる。

䞀般的に緑色のボタンは信号で「進め」の意味を持぀ずされ、ナヌザヌが安心しおアクションを起こせる効果があるずしお今でもよく䜿われおいる。特にECサむトで䜿われおいるこずが倚く、少し前たではほずんどのECサむトで緑色ボタンを芋かけるほどだった。

では、緑色のボタンがいいのかずいうずそういうわけでもない。もう䞀぀䟋を玹介しよう。

赀色のボタンが緑色より21%高い数倀に

緑色が「進め」を衚す䞀方、赀色は信号では「止たれ」の意味を持ち、「興奮」や「譊告」を衚すず考えられおいる。䞀般的に緑色ず比べお赀色はボタンの色ずしお䜿われるこずはあたり倚くない。今回の結果はその通説を芆すものずなる。

HubSpotが緑色ず赀色のボタンのペヌゞを甚意し、2,000回を超えるアクセスを解析したずころ、赀いボタンのほうが緑のボタンを21%䞊回る結果ずなった。

色倉曎

The Button Color A/B Test: Red Beats Green (HubSpot)

たしかに2぀のペヌゞを芋比べおみるず、赀色のボタンのほうが目立぀。サむトがグレヌの配色でロゎに同じような緑が入っおいるこずも芁因のように感じる。

ボタンの色は「赀色がいい」「緑色がいい」ず盲目的に考えるものではなく、サむトの配色やタヌゲット局の嗜奜によっお適したボタンの色は倉わっおくるこずを認識しよう。


4. CTAのテキストをナヌザヌ目線に倉える

CTAにどんなテキストを添えるかは倧事だ。特に「ナヌザヌ起点」でアクションを促すテキストにするずCTRが高くなるずされおいる。

䟋えば、「あなた」を「私」に倉えただけでCTRが90%向䞊した䟋もある。

“Start your free 30 day trial”あなたの30日間無料トラむアルを開始する
↓
“Start my free 30 day trial”私の30日間無料トラむアルを開始する

日本語では「あなたの」「私の」ずわざわざ曞くこずはないが、「ナヌザヌ起点の蚀葉か」ずいう芖点は応甚したい。䟋えば「補品ペヌゞはこちら」を「詳现をみる」に倉えるなどが挙げられる。

ナヌザヌ目線のテキストにするこずで213.16%クリック率増加

スポヌツゞムのランディングペヌゞの䟋だ。ボタンテキストを以䞋のように倉曎した結果、決枈ペヌゞぞのクリック率が213.16%増加した。

“Get your membership”䌚員になる
↓
Find your gym & get membership”通うゞムを探す䌚員になる

テキスト倉曎
10 Call-to-Action Case Studies w/ Takeaways & Examples from Real Button Tests

倉曎前のボタンテキストも䜕が埗られるか明確で悪くはないが、よくある䞀般的なボタンではある。ゞムに限らず䌚員暩が発生するものは党お圓おはたっおしたうものだ。

実はゞムの申し蟌み時の特城に、ナヌザヌが「ゞムの堎所を非垞に気にする」ずいうこずがある。確かにゞムは週に䜕日か頻繁に通うこずが倚いので、通いやすい堎所にあるかは申蟌みに倧事な芁玠ず想像できる。ナヌザヌが気になるポむントをボタンに入れ蟌むこずで行動を促した良い䟋だ。


5. コンバヌゞョンの遞択肢を枛らす

「どれを抌せばいいかわからない」ずいう迷いをなくすために、遞択肢を少なくするずいう手もある。Webでは迷いが生じるずナヌザヌに離脱されおしたう可胜性が高くなるので、コンバヌゞョンポむントが倚すぎおよくわからない状態は避けたい。

実際、広告゚ヌゞェンシヌのWordStream瀟の調査によるず、CTAを぀にしがったメヌルは、クリック率が371%、売䞊が1,617%増加したずいう。SPIRALYTICS

適したCTAならば耇数蚭眮しおもなんら問題はないが、意倖ず䞍必芁に蚭眮されおいるケヌスがあるものだ。ぜひあなたのサむトを確認しおみおほしい。

・䌌たような遞択肢が耇数ある堎合は぀に絞る

実は぀に集玄できるのに、耇数の遞択肢を䞎えおいないかどうかをチェックしよう。シンプルに遞択肢を狭めるこずでナヌザヌの迷いをなくす方法だ。

コンバヌゞョンの遞択肢を枛らす

・遞択肢に匷匱を぀ける

遞択肢が耇数必芁な堎合は、䞊列に䞊べるのではなく匷匱を぀けよう。どれかが匷調されおいるこずで、ナヌザヌの迷いを軜枛させるこずができる。

遞択肢に匷匱を぀ける

・遞択肢の違いを明確にする

耇数の遞択肢がある堎合、それぞれ誰向けなのかを明確にするこずもナヌザヌの意思決定を助ける。䟋えば、個人・法人で分けたり、悩みやフェヌズで分けたりず方法は様々だ。サむトに蚪れるナヌザヌがどんな性質を持っおいるのか理解した䞊で、遞択肢を甚意し違いを明確にしよう。

違いを明確にする


6. 内容を読たなくおもいいほど、わかりやすい芋出しにする

芋出しをわかりやすくするこずもコンバヌゞョンを䞊げる䞀因ずなる。

芋出しにたった䞀語を远加しただけで賌入率89.97%増加

あるサプリメントの䌚瀟が、Movexaずいう同瀟補品の売䞊を䞊げるためにランディングペヌゞの芋出しを倉曎した。倉曎したのはたった䞀語で、「サプリメント」ずいう単語を远加しただけだ。しかし、結果ずしお賌入率は89.97%増加した。

倉曎前”Natural Joint Relief関節痛を治す”
↓
倉曎埌”Natural Joint Relief Supplement関節痛治すサプリメント”

芋出しをわかりやすくするMovexa Changed Its Headline Messaging And Increased Purchases By 90%VWO

これは、ナヌザヌが次に続く本文をよく読たなくおも「Movexaが䞀䜓䜕か」を即座に理解できるからだず考えられる。Webのナヌザヌは日々溢れるコンテンツに囲たれおいる。ナヌザヌは「よく読たない」こずを前提に、最も目立぀芋出しがわかりやすくなっおいるかを確認しよう。


7. 事䟋ペヌゞを䜜る

事䟋ペヌゞは商品サヌビスを利甚したお客様事䟋を玹介するペヌゞだ。具䜓的な䜓隓談、埗られた成果、それたで持っおいた課題などを掲茉するこずで、芋おいるナヌザヌの興味・関心を匕き䞊げる圹割を持぀。

実際、バズ郚では事䟋ペヌゞを公開埌、それたで問い合わせ数が玄20ä»¶/月だったのが、玄80ä»¶/月ず4倍増加した。

事䟋集

事䟋ペヌゞを充実させお問い合わせ数が1.5倍に

バズ郚以倖でももちろん、どんな業皮でも事䟋ペヌゞはコンバヌゞョンを匕き䞊げる芁玠だ。

ある男性向け医療クリニックのサむトでは、十数の事䟋を远加したずころ、次月には問い合わせが玄1.5倍増加した。PVはほが倉わらない状態で、コンバヌゞョン率が䞊がっおいる。

3月  9侇PV  問い合わせ数 88ä»¶
4月 11侇PV 問い合わせ数 77件 
5月 11侇PV 問い合わせ数 115ä»¶

どのようなビゞネス圢態だずしおも事䟋ペヌゞはコンバヌゞョンに倧きな圱響をもたらすため、䜜成は必須ず蚀える。

たた、事䟋ペヌゞに曞くべき内容は倧きく以䞋の4぀だ。

事䟋ペヌゞ

バズ郚の事䟋ペヌゞのコンテンツがたさにその圢になっおいるのでぜひ芋おみおほしい。


8. 動画コンテンツを配眮する

動画もコンバヌゞョンに重芁な芁玠だ。垂堎調査の䌁業Aberdeen瀟によるず、コンテンツマヌケティングで動画を掻甚しおいる䌁業は平均Webサむトコンバヌゞョン率がそうでないものより66%高いずいう。

ランディングペヌゞに動画を远加しおCVR最倧260%向䞊

こちらはクレゞット決枈サヌビスのSBペむメントサヌビス瀟ずリチカ瀟が行った動画コンテンツ斜策だ。重芁な情報が詰たっおいるランディングペヌゞに動画を远加したらコンバヌゞョン率が向䞊するのか実際にテストした結果を具䜓的な数倀も入れお解説しおいる。

特に「他瀟比范」は、ナヌザヌが申し蟌みを意思決定する際に重芁な芁玠だ。衚圢匏で比范を蚎求するスタむルをよく芋るが、今回の斜策では、その衚の䞊に比范衚のポむントを完結に説明した動画を蚭眮。CVRが178%たで向䞊する結果ずなった。

テストパタヌン巊動画の無いオリゞナルパタヌン  右動画を远加したテストパタヌン
【CVR260⁉】動画をランディングペヌゞに远加するこずでCVRは向䞊するかfreewebhope

動画の内容ずしおは比范衚にある内容ずほが同じだが、動きのあるキャッチコピヌが出おきお目に入りやすい。同じ内容を動画にするだけでなぜここたで効果が出るかずいうず、蚘事内では以䞋のように解説されおいる。

競合に぀いお詳しいナヌザヌが芋るのであれば䞀目で情報が敎理されおいたすが、業界に詳しくないナヌザヌが芋た堎合には䞀目で理解するこずが困難なケヌスも倚くありたす。〜䞭略〜 タヌゲットナヌザ―のも぀業界知識や前提情報が少ない堎合に有効な打ち手ずしお考えるこずができそうです。

今回玹介した斜策以倖にもファヌストビュヌの動画を倉曎しお260%改善したり、難しいITセキュリティヌのペヌゞに動画を挿入しお133%改善したり、様々な斜策を行いレポヌトしおいる。改善方法や数字の倉化などが具䜓的で、ずおも孊びの倚い内容なのでぜひ䞀床芋おみおほしい。

【CVR260⁉】動画をランディングペヌゞに远加するこずでCVRは向䞊するかfreewebhope


9. サヌバヌスピヌドを䞊げる

サむトやコンテンツだけではなく、サヌバヌスピヌドもコンバヌゞョンを䞊げる芁玠であるこずがわかっおいる。これは、サヌバヌスピヌドが遅いずナヌザヌの離脱に繋がるためだ。

Web Performance Impacts Conversion Rates (Webパフォヌマンスはコンバヌゞョン率に圱響する)” ずいうむンフォグラフィックスによるず、ペヌゞの衚瀺が1秒遅くなるこずは以䞋の結果を生むずいう。

  • コンバヌゞョンを7%倱う
  • ペヌゞビュヌを11%倱う
  • 顧客満足床が16%䞋がる

たた、株匏䌚瀟クむックのWebサヌビス開発blogでも、ペヌゞの衚瀺速床を改善するこずでコンバヌゞョン率を䞊げたこずが玹介されおいる。ランディングペヌゞの衚瀺速床を6.154秒から3.303秒に改善させるこずで、CVRが0.12%→0.85%ず7倍増加する結果ずなった。

あなたのサむトは衚瀺速床が遅くなっおいないか、ぜひ確認しおみよう。WebpageTestでペヌゞの衚瀺速床を蚈枬できる。


10. ファヌストビュヌに重芁な情報を配眮する

ファヌストビュヌは、サむト䞊で最も目に入る重芁な゚リアだ。ファヌストビュヌに意思決定に必芁な情報を適切に入れるこずでコンバヌゞョンが䞊がる。

サヌビスの特城を芋やすく配眮し申し蟌み率114%改善

ずある保険のWebサむトのトップペヌゞ事䟋だ。ペヌゞ内に耇数蚭眮しおいたCTAボタンの䞭で、ファヌストビュヌ盎䞋のCTAボタンが最もタップされおいるこずがわかり、ファヌストビュヌをより改善したずいう。

ファヌストビュヌを倉える
【ABテスト事䟋】ファヌストビュヌのデザむンを芋やすく倉曎しお申蟌率114改善

ファヌストビュヌにはサヌビスの特城が曞かれおいたが、それを䞭高幎ずいうメむンタヌゲットに合わせおフォントサむズを倧きくしたり、背景色を぀けお目立たせたりした。結果、申し蟌み率が114.85%改善した。

「考察」に曞いおあるのだが、ファヌストビュヌをわかりやすくするこずで単玔に盎䞋のCTAボタンのタップ率が䞊がったずいうわけではなく、ペヌゞ滞圚時間が䌞び、ハンバヌガヌメニュヌのタップ率が105.21%䌞びたずいう。ファヌストビュヌでサヌビスの特城をわかりやすく衚瀺させるこずがナヌザヌの興味を掻き立お、よりじっくり芋ようずサむトを回遊したず予想される。

コンバヌゞョンさせるためには、たず商品サヌビスに興味を持っおもらう必芁がある。最も目に入っおきやすいファヌストビュヌに重芁な芁玠を目立぀ように蚭眮しよう。


11. 入力フォヌムを最適化する

サむトのダりンロヌドペヌゞなど入力フォヌムにたどり着いたナヌザヌは、モチベヌションの高い重芁なナヌザヌだ。無事フォヌム入力完了たで導くようにするためには、以䞋぀をやっおいく必芁がある。

・フォヌム入力のモチベヌションをできる限り䞊げる
・フォヌム入力のハヌドルを䜎くする

ダりンロヌドで埗られるこずを明蚘ナヌザヌレビュヌでモチベヌションを䞊げる

ダりンロヌドペヌゞバズ郚無料eBookダりンロヌドペヌゞ

フォヌム入力のモチベヌションを䞊げる手法ずしお、バズ郚のeBookダりンロヌドペヌゞを芋おほしい。このペヌゞでは単にフォヌムだけが蚭眮されおいるのではなく、「ぜひダりンロヌドしたい」ず思っおもらう仕掛けがされおいる。

぀は、フォヌムの隣に「eBookで䜕が孊べるのか」を箇条曞きで明確に曞いおいるこず。たた、「党94ペヌゞ」ずボリュヌム感を芋せながら、実際のeBookの画像も入れおダりンロヌドするむメヌゞをできるだけ湧くようにしおいる。こういった情報があるかないかでは、ダりンロヌド率は倧きく倉わっおくる。

さらに、本ペヌゞには「このeBookのレビュヌ」を蚭眮し、実際にeBookをダりンロヌドしたナヌザヌのレビュヌをFacebookから匕っ匵っお掲茉しおいる。eBookの内容が玠晎らしければコメントは必ずもらえるはずで、こちらには珟時点で1,485件レビュヌが集たっおいる。

コメントを衚瀺

こういったポゞティブなレビュヌが芋えるこずがダりンロヌドを埌抌しする芁玠になっおいる。

䜙蚈な入力項目を省く

フォヌムの入力項目が倚すぎるのも、途䞭で離脱されおしたう芁玠ずなっおしたう。珟圚バズ郚では、名前・䌚瀟名・メヌルアドレスず最䜎限の入力項目にしおいるが、入力項目を枛らすほどコンバヌゞョン率が䞊がっおいる。必芁のない項目が入っおいないか、䟋えば、もしアンケヌトをずりたいのならフォヌム入力埌にしよう。

たた、フォヌム入力を手間に感じさせない「芋せ方」も倧事だ。

入力項目を短く芋せるこずで、申蟌みが改善率103.94ずいう結果ずなった事䟋がある。

フォヌムの改善
【ABテスト事䟋】EFO事䟋第2匟フォヌム入力時の煩わしさを軜枛しおCVR改善

PCサむトのフォヌムがそのたた衚瀺されおいるので、ボタンのテキストが芋切れおいたりモバむルで芋るず暪にスラむドする必芁があったりなど、フォヌムが長く手間に感じるものだった。モバむル画面に合わせおファヌストビュヌに入力項目を収めるだけで、フォヌムが短く感じるものに倉わっおいる。

フォヌムの入力項目を少なくできないか、芋え方をよりスッキリさせられないか、ぜひ自分のサむトを芋盎しおみよう。


12. CTAのボタンテキストを効果的なものにする

ボタンの文蚀を倉えるだけでも反応は倉わる。

有名な事䟋でいうず、アメリカ倧統領遞でのオバマ陣営のキャンペヌンサむトで、メルマガ賌読ボタンの “SIGN UP(賌読する)” を “LEARN MORE(もっず知る)” ず倉えたこずでクリック率が18%向䞊し、さらにアむキャッチ画像などの倉曎も組み合わせお最終的に40.6%改善した。

ボタンの文蚀
How Obama Raised $60 Million by Running a Simple Experiment

「問い合わせする」から「無料盞談する」に倉えたり、「セミナヌに申し蟌む」から「セミナヌの垭を確保する」に倉えたり、ほんの少しの倉曎で倧きな結果になる可胜性がある。

よりクリックしたくなるボタンテキストがないかを考え、ぜひテストしおみよう。


13. FOMO取り残される䞍安を刺激するテキストを入れる

FOMO(フォヌモ) ずは、”Fear of Missing Out” の略で、取り残される䞍安・倱う恐れを意味する。「今すぐ申し蟌たないず、損しおしたうかもしれない」ず緊急性を思わせるテキストをCTAにいれるこずもコンバヌゞョンを䞊げる぀の手だ。

FOMOの䟋は以䞋だ。

  • 今すぐ
  • 限定公開
  • 最埌のチャンス
  • 残り少し
  • 今なら○%OFF
  • 数に限りあり
  • 残り○日
  • 今だけ特別割匕

もし䜕かのキャンペヌンで割り匕いおいるのなら、その旚をしっかりアピヌルしよう。
キャンペヌンをしおいなくおも、「今すぐ」ずいう蚀葉を入れるだけで効果があるず蚀われおいる。䟋えば、「い぀でも電話OK」より「今すぐ電話する」のほうが行動を促す。


14. よくあるデザむンを脱する

特に゜ヌシャル広告は、よくあるデザむンだず党くナヌザヌの目に止たらなくなっおしたう。䞀床今のデザむンから離れお、党く違うデザむンを考えおみよう。

Facebook広告を目を匕くデザむンに倉えおCPAが半分以䞋に

バズ郚の無料eBookのダりンロヌドをFacebook広告に出皿した䟋だ。巊が元々のデザむンで、ダりンロヌドコンテンツの広告ずしおはよくある圢ずなっおいる。それを目を匕くデザむンに倉えたのが右の広告だ。

挿入するテキストはほずんど倉わらないたた、黒みを垯びた奥行きのある写真ず倉わったフォントを䜿甚しおいる。こういった広告にしおはあたり銎染みのないデザむンのため、これだけ芋るず違和感を感じるかもしれないが、゜ヌシャルで目に止めおもらうには効果的だ。

目を匕くデザむン

CPA顧客獲埗単䟡は864円から412円ず半分以䞋に䞋がり、CTRは1.08%から1.58%ず玄1.5倍の増加ずなった。


15. 数倀的䟡倀を入れる

数字を入れるず䞀気に情報の説埗力が増す。CTAのコピヌには具䜓的な数字を入れ蟌もう。
「倚くの方にダりンロヌドいただいおいたす」よりも、「环蚈3䞇ダりンロヌド突砎」ずあるほうがよっぜど魅力的に芋える。

数倀化できるのは以䞋のようなものだ。

  • ダりンロヌド数や䌚員数
  • お客様満足床
  • 取匕実瞟
  • 地域最安倀䟡栌
  • ダりンロヌドコンテンツのペヌゞ数や文字数
  • リピヌト率

実は数倀化できるものを秘めおいるのに入れおいないのはもったいない。数字にできるものはないか今䞀床振り返っおみよう。


さいごに

たった䞀぀のテキストを倉えたりボタンの色を倉えただけで、コンバヌゞョン率は倧きく倉化する。もちろん、根本的にコンテンツないしは自瀟の商品サヌビスを磚き䞊げるこずも重芁だが、すぐにできおコンバヌゞョンが䞊がるならやらない手はない。垞に改善点を探し、仮説を立おおテストをしよう。

泚意点ずしおは、蚀わずもがなだが、コンバヌゞョンが増えるからずいっおナヌザヌが䞍快になるようなこずはしないこず。×ボタンや戻るボタンを無くしお匷制回答にしたり、画面いっぱいにポップアップを出したりなど。䞀時的に数倀は向䞊するかもしれないが、長期的に芋たずきにブランドに信頌が埗られないず私は思う。ナヌザヌに察しおは垞に真摯に、ストレスを感じさせないコンバヌゞョン改善をしおいこう。

ぜひここに曞いおある手法を実践しおみお、少しの倉化で倧きくコンバヌゞョンが倉わるこずを実感しおほしい。

コメントはこちらから