会員登録の離脱を防ぐ方法｜ソーシャルログイン導入の4つの視点

ソーシャルログインを導入したのに、会員登録の完了率がほとんど変わらない——そう感じている担当者は少なくありません。原因の多くは、導入したかどうかではなく、見せ方にあります。ボタンをどこに置くか、選択肢をいくつ並べるか、SNSで取得済みの情報をフォームで重ねて聞いていないか。この3点を直すだけで、入力を始める前に離脱する割合は変わります。本記事では、CVR(コンバージョン率)診断ツールが会員登録画面を確認するときに実際に見ている4つの視点を、確認手順つきで紹介します。今の登録画面がどちらに近いか、思い浮かべながら読み進めてください。

そもそも会員登録の離脱はどこで起きているのか

会員登録フォームでの離脱は、入力そのものより手前で起きていることが少なくありません。訪問者がフォームを目にした瞬間に感じる負荷は、主に三つに分けられます。何個の項目を打たされるか分からない不安、新しいパスワードを一つ増やす面倒さ、そしてこのタイミングで初めて個人情報を渡すことへの警戒です。

フォーム改善(EFO=エントリーフォーム最適化)は主にひとつ目の負荷を扱いますが、ソーシャルログインは三つの負荷すべてに一度に効くはずのレバーです。ところが、導入したのに完了率がほとんど変わらないという相談は珍しくありません。原因はほぼ一貫していて、ボタンを追加しただけで、フォームの主役を入れ替えていないケースです。ボタンを置いただけで、画面の主役はまだメール入力欄のまま、というわけです。

視点①: ソーシャルログインを入力欄より先に置く

訪問者は登録画面を開いた瞬間、最初に目に入った要素から行動を決めます。メールアドレス欄が画面の一等地を占めていれば、「今から入力作業が始まる」という心理的な構えが先に立ち、SNSボタンが下や小さな文字リンクとして添えられているだけでは、選ぶ前に離脱の判断が終わってしまいます。

診断ツールでは、会員登録画面をスクロールなしで開いたときに何が最初に視界に入るかを確認します。メール入力欄が先に見えるのか、SNSログインのボタンが先に見えるのか。ボタンの文言も合わせて見ていて、「アカウント連携」のような抽象的な表現より、「Googleで登録」「LINEで登録」のように押した後の動作が想像できる表記のほうが選ばれやすい傾向があります。

図1: ソーシャルログインを入力欄より先に置くだけで、入力を始める前に離脱する人を減らせる

自分のサイトの登録画面を開いてみてください。SNSボタンとメール入力欄、どちらが先に目に入りますか。もし後者であれば、ボタンをフォームの最上部、最初の選択肢として動かすところから着手できます。

自分のサイトの登録画面は、SNSボタンとメール入力、どちらが先に目に入っていますか。無料でCVR診断する(自分のサイトを確認)(メール登録不要)

視点②: SNSで取れる情報をフォームで重ねて聞かない

ソーシャルログインの本来の価値は、氏名やメールアドレスを新たに打たせずに済むことにあります。ところが実際の画面を見ていくと、SNS連携を済ませた直後に、氏名・メールアドレス・パスワードの入力欄がそのまま残っているケースに何度も出会います。せっかく連携したのに、結局はじめから入力する羽目になります。これでは訪問者からすれば「連携した意味は何だったのか」という徒労感だけが残ります。

診断ツールでは、SNS連携後に残っている入力項目を数えます。氏名とメールアドレスが連携後も必須欄として残っているか、パスワードの入力・確認欄が省略されずに表示されたままか。連携後に残る項目が二つ以上ある画面は、ほぼ確実に離脱要因になっていると見てよい水準です。フォーム全体の項目数を減らす一般的な考え方は「フォーム離脱の原因」でも詳しく扱っていますが、ソーシャルログインでは「減らす」よりも「重複させない」ことが先に効きます。

図2: SNSログインで取得できる項目を、フォームでも重ねて聞くと入力の手間がそのまま倍になる

電話番号や生年月日のように連携だけでは取得できない項目は、この段階で無理に聞く必要はありません。あとから必要になった時点で聞く設計に変えるだけで、登録完了までの入力欄はゼロに近づきます。

視点③: ログイン手段の数を絞る

選べる手段が多いほど親切に見えますが、実際には逆です。Google、Facebook、X(Twitter)、LINE、Apple、メール——横並びで6つの選択肢を提示された訪問者は、比較検討にわずかでも時間を使います。そして登録画面のように滞在意欲がまだ固まっていない場面では、その数秒の比較検討そのものが離脱の引き金になります。

診断ツールでは、ログイン手段の選択肢の数と、それぞれの視覚的な重みを確認します。すべてのボタンが同じ大きさ・同じ色で6つ並んでいれば、優先順位が訪問者に伝わっていない証拠です。目安として、横並びの選択肢が5つ以上ある画面は絞りどころと判断します。

図3: ログイン手段が多いほど「どれを押すか」で立ち止まる。主要2つ+メールの3択に絞る

自社の会員層で実際に使われているSNSは、想像より偏っていることがほとんどです。最も使われている1〜2つを主要ボタンとして大きく見せ、残りは「その他の方法」の折りたたみに収めれば、選択肢を削らずに一等地だけを整理できます。

視点④: 失敗時に戻れる道を用意する

連携ボタンを押した後の画面まで実際に確認している担当者は、意外と多くありません。アプリがインストールされておらず、ブラウザに切り替わったまま戻り方が分からなくなります。複数のSNSアカウントを持っていて、意図しない方で連携してしまうこともあります。あるいは、すでにメールアドレスで登録済みのアカウントとSNSアカウントが重複してしまうケースもあります。

こうした失敗は珍しい事故ではなく、登録数が増えるほど一定の割合で必ず起きる現象です。診断ツールでは、実際にSNS連携ボタンを押してみて、失敗した画面からどこへ戻れるかを確認します。エラー画面に「別の方法で登録する」といった、フォーム全体へ戻れるリンクが用意されているか。用意されていない画面は、失敗した訪問者がそのまま離脱するだけの行き止まりになっています。

まとめ: 会員登録の離脱は「見せ方」で変わる

ソーシャルログインは導入して終わりではなく、入力欄より先に置くか、SNSで取れる情報を重ねて聞いていないか、選択肢を絞れているか、失敗時に戻れる道があるか——この4つの見せ方まで整えて、はじめて完了率に効いてきます。どれも大がかりな開発を伴わず、ボタンの位置や文言、項目の要不要を見直すだけで着手できるものばかりです。

とはいえ、自分のサイトの登録画面を一つずつこの4視点で照らしていくのは、思っている以上に手間がかかります。CVR改善ラボの無料診断なら、こうした確認ポイントをまとめて60秒でチェックできます。無料でCVR診断する(60秒でまとめてチェック)(メール登録不要)

会員登録画面に限らず、訴求構造全体の見直し方は「CVR改善 完全ガイド」でも整理しています。あわせて確認してみてください。