ランディングページにおける離脱率の原因と改善方法

ランディングページ作ったのはいいけど…、

ぜんぜん効果が現れな～い！！
｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡

なんてことになっていませんか？

商品の魅力的なアピールのために、
ランディングページを導入している企業も多くなりましたし、

わたしのように

「一般ユーザー」でも最近は

「ランディングページ」をどんどん作っております。

それを見てきっとあなたも

ヒデ

自分でランディングページを作ってみた～い！

と思ってるのではないでしょうか？

実は、かく言う、わたしもその1人でした。

そして「ランディングページを作った後」は、

効果測定（要は反応があるのか？）

になるのですが、

ランディングページの最大の目的は、

ユーザーが商品購入や申し込みなどを行う、コンバージョン（成約率）にあります。

一番アピールしたい「1つの商品とターゲット」を絞り、

ユーザーの購買意欲

を高めていくことが必要です。

しかし、そうした目的が果たされないまま、

ヒデ

ユーザーがページから離脱…。

なぜ？　WHY？

してしまうこともあります。

それにはいくつかの原因があります。

そして原因があるということは、改善方法もあるわけです。

ヒデ

こんにちわ！　アフィリエイトブログをデザインする「デザアフィ」のヒデ(dezaafi) です。

いつもご覧いただきまして、ありがとうございます！😊

今回は、「離脱率」という指標に着目して、

「離脱率」や「離脱の原因や改善方法」をご紹介します。

ランディングページからの「離脱」が多い原因

本来、ランディングページからコンバージョンにつなげるのが目的ですが、つながる以前の諸問題によって、

「ユーザーが離脱」してしまいます。

今からご紹介するのは、離脱をさせない重要なポイントです。

ヒデ

「ユーザーの視点に立って」考え

ぜひご参考にしてください。

ファーストビューの「表示時間」と「画面サイズ」を意識

ファーストビューは、ユーザーがページを訪れた時に

スクロールせずに「一番最初に見える画面」です。

その「見える画面」内に、

キャッチコピーや画像を使い、印象に残るように制作しないと離脱されます。

「画面サイズ」を意識

いま日本でトレンドとなっている「画面サイズ」がどの位なのか？

しらべるのにとても便利な「gs.statcounter.com」によると、

PCの場合は「1920×1080px」と「1366×768px」サイズ

日本の「PC画面サイズ」シェア（2018/5～2019/5）

モバイル（スマホ）の場合は「375×667px」と「360×640px」サイズ

日本の「モバイル（スマホ）画面サイズ」シェア（2018/5～2019/5）

このあたりが今「よく使われている画面サイズ」となっております。（2018/5～2019/5現在）

そして実際にブラウザを開く時は、

ヒデ

モニターサイズよりも小さいサイズで開くはずです。

ので、それをふまえて画面サイズを想定すると、

PCでの高さは「600〜700px」

スマホでは、「600px」

くらいの高さが、2019年6月現在の

「ファーストビューの範囲に収まる」サイズです。

ヒデ

その「見える画面」内に、

キャッチコピーや画像を使い、印象に残るようなランディングページを作って行きましょう！

「表示時間」を意識

一般的には訪問から離脱までが「約3秒」であると言われています。

ヒデ

さ、3秒！？　き、厳しい・・・。

「8秒ルール」とか聞いたことがありませんか？

以前は「8秒」と言われてたのですが、ADSLや光ファイバー通信などによる「インターネットの高速化」に伴い

といった感じで、どんどん「離脱率の時間」が短くなってきています。

マイナビニュース

3秒が許容範囲 – Webサイトのパフォーマンスが重要な理由

https://news.mynavi.jp/article/20121211-a025/

なので、ここで気を引くデザインを心掛け、離脱されないように注意しましょう。

なお、ファーストビューで使用する画像についてですが、

ヒデ

「高解像度」であればあるほど良いのですが…

その分重たくなってしまい、「表示速度が遅く」なります。

例えばスマホだと、こんな感じです。

ヒデ

iPhone XS Maxの解像度は「2688 x 1242」！？

ヒデ

わたしのパソコン（1366 x 768）より2倍近い解像度だよ…。

と言う感じに、

今や「高解像度」の画像を使ったページでも

表示できる環境が整いつつあるのが現状です。

ヒデ

で、それに合せてブログの画像も「少し大きめのサイズ」を掲載するのがトレンドになりつつあります。

ただし！「注意」が必要

先程言った、私の発言に矛盾しますが…

現状では、まだ「画像」はそんなに高解像度（容量重いの）にする必要はありません。

と、言うか

ヒデ

やりたくても出来ない…

っと言うのが現実です（2019年6月13日現在）

理由は、スマホに限定した事なのですが「通信速度」はそんなに変わってないからです（4Gのまま）

ヒデ

画像容量（サイズ）は大きくなっているのに…。

通信速度（4G）は速くなっていない！？

そうすると、皆さんも経験あるかと思いますが・・・・

ヒデ

ページがなかなか表示されない！

とイライラしたり、

そのページを閉じてしまいますよね？

それが離脱につながるわけです。

ヒデ

ギクッ！

ですので、キレイで高画質な画像もいいのですが、

画像のファイルサイズを圧縮するなどして、軽くするように努めましょう。

その際はくれぐれも、ユーザーを混乱させるような書き方やデザインにはご注意ください。

ヨッメさん

そうだぞ！ヒデ！

「キレイだ」からと言ってむやみに「高解像度の画像」ばっかりページに載せちゃダメよ！

ヒデ

はい、すみません…。
反省してまーす。（チッ うるせぇな）

購入・申込みフォームは簡潔に

これも皆さん経験があるかと思いますが、いざ「申し込み」をしたり

「問い合わせる」際の入力フォームが面倒だと…

途中で

ヒデ

やっぱいいや～（めんどくさい）

止めておこう…。

ってなりませんか？

私もそれで、今までなんども離脱したことがあります。

記入欄がたくさんあったり、複雑だったりすると面倒な上に、

購買意欲もなくします。

これではコンバージョンへはつながりません。

このため、入力フォームは「なるべく簡潔」にして、
手間を掛けさせないようにしましょう。

入力項目はせいぜい

ぐらいまでにしておきましょう。

ついつい色々と聞いてみたいと思う気持ちもわかりますが、

あまりゴリゴリ行き過ぎると逆効果です。

また、スムーズな入力をしてもらえるように、

「記入例」などを表示するのもいいですね。

ヒデ

その方がとっても親切です！

スムーズに入力できることで、何度も入力する手間が回避でき、

コンバージョンに繋がる確率も高くなります。

「ベネフィット」で差別化を図る

ユーザーに最後までページを見てもらえたとしても、

「商品購入や申し込み」をしてもらえなければ

ヒデ

ランディングページは「意味」がありません…。

コンバージョンを達成するためには、購買意欲をかき立てるようなイメージづくりが重要です。

そのため、

「これは何のための商品・サービスか？」

「どのようなメリットがあるのか？」

ということ、

いわゆるベネフィットを、画像やテキストなどで表記しましょう！

別の言い方をすると

ヒデ

「ベネフィット」とは、

ユーザーが商品を使用するともたらされる「良い未来」を想像させることです。

ベネフィットを記載して、コンバージョンに繋げましょう！

また、価格や利便性、企業独自の強みなど、他社商品と差別化することも大切です。

ここの工夫をするだけでも、

「コンバージョン率」を大きく左右します。

ランディングページの「離脱率」とは？

ランディングページの成果改善において、

「離脱率」は重要な指標になります。

ヒデ

「数式」なので、ちょっと難しいと思うかも知れませんが…

どんな「計算式」なのか？

それだけ覚えておけば十分です。

「離脱率」の解説と共に、「直帰率」との違いをまとめました。

つまり、
ユーザー全体のうち、直帰した訪問者数の占める割合を示す数値

（直帰率＝直帰した訪問数÷全体訪問数）です。

直帰率がWeb広告の効果を表すため、改善するときの指標として使えます。

この場合、離脱率は各ページ単位での割合

（離脱率=各ページの離脱者÷ページのプレビュー数×100）

になります。

計算式は、この辺にしといて、具体的にランディングページの「離脱率」を見て行きましょう！

Google Analyticsで確認

直帰率と離脱率は、

「Google Analytics（ぐーぐる あなりてぃくす）」

で確認できます。

「Google Analytics」とは？

Googleが無料で提供するWebページのアクセス解析サービスです。

ヒデ

業界用語では、グーグルアナリティクスの頭文字（Google Analytics）をとって

「GA」と呼びます！　豆知識です。

アカウント取得後、「レポート」内にある「①行動」→「②サイトコンテンツ」→「③すべてのページ」の順に開くと、

「直帰率」と「離脱率」

に関するデータを確認することができます。

Googleアナリティクスの「直帰率」と「離脱率」画面

ランディングページにおけるその役割

そもそもランディングページは、

「誰のために？」

「何のために？」

といった目的がはっきりしていなければ誰も応えてくれません。

サービスや商品の魅力を

ヒデ

たった1ページだけで伝え、コンバージョンに結びつけなければないません。

ランディングページを作ろうとしているあなたは、

「提供者側」でありますが、

逆に「利用者側」でもありますので、

その上で「疑問に思ったことや不便な点」などをユーザー視点に立って思い出し、

ヒデ

それをしないためにはどうすればよいのか？

いまいちど、「考え直して」みましょう！

ユーザーの視点に立てば、「なるほど」と気づきや、納得することばかりです。

目的や工夫を意識していないと「離脱率」は下がりませんので

「誰のために？」

「何のために？」

あなたのランディングページは、意味のあるページなのか？

ヒデ

しっかりと考え「離脱率」の低下を防ぎましょう！

まとめ

以上、ランディングページにおける「離脱率」の調べ方や、

「原因・改善方法」について紹介しました。

離脱率は、ランディングページにおいて重要な指標であり、改善の役に立つ数値です。

今回ご紹介した原因や方法を参考に、

あなたも是非、自分のランディングページの改善に取り組んでみてください。

最後までご覧いただきまして、ありがとうございました！

ヒデ

記事の更新情報はツイッターで行っています。
良かったらフォローお願いします！　>ヒデ(dezaafi)