Web上のビジネスで成果を上げるには、利用者数が右肩上がりで伸び続けているスマートフォンを抑える必要があります。
その現状は誰しもが理解していると思いますが、具体的にどのようなスマートフォンページを作ればいいのかがわからないという人が多いのではないでしょうか。
そこで、すぐに使えるスマートフォン最適化のTipsを、ウェブマーケティングのプロがお教えいたします。
スマートフォンのサイトも最適化することで獲得率が150％になったりするので、まずは基礎的な要素を抑えて、ストレスの無いサイトを作りましょう
参考記事）ProFlowers Boosts Conversions on Mobile by 20% to 30% with Mobile-Optimized Site
※ランディングページ改善に重要な要素を大きく4つに分け（ファーストビュー、ライティング、導線、その他のポイント）それぞれの項目で訴求ポイントのチェックが行えるシートを無料で公開しています。こちらもご参照ください。
目次
１．電話番号をクリックすると電話がかけられる機能、「CTC(click to call)」を設置する
ボタンを押すだけで電話をかけることができるCTCは、PCページにはないモバイルページの大きな特徴の一つです。いちいち電話番号を打ち込むことは、ユーザにとってストレスなので、電話番号を記載する場合には必ずCTCにしましょう。
CTCを設置する際のテクニック
・CTA同様しっかりと目立たせる
・電話アイコンを付けて、すぐにCTCであると認識できるようにする
・「電話をかける」などのボタン内テキストも記載する
・営業時間を近くに記載する
参考記事）Mobile Landing Page Optimization – 10 Best Practices for Success
２．ボタン（CTA）はシンプルに大きく
スマートフォンを利用しているユーザは、PCユーザよりもクイックなアクションを求めているので、アクションのためのボタンは一見してわかるように画面設計しましょう。
参考記事）Mobile landing page optimization
http://www.onbile.com/info/mobile-landing-page-optimization/
３．クリッカブル要素は立体化するなどして強調する
これはPCサイトでも同じですが、クリックできる要素はボタン化、アイコン化、立体化するなどしてしっかりとクリッカブルであることを強調しましょう。
４．クリッカブル要素の周りには余白を設ける
スマートフォンは画面上に指を載せてスクロールなどの操作をするため、リンクをミスクリックをしやすいです。そこで、クリッカブルな要素の周りには、余白を設け、意図せずしてクリックしてしまう可能性を軽減しましょう。
５．見出しや文章は簡潔に
スマートフォンの画面は小さいので、文字の盛り込み過ぎには注意しましょう。PC用のページでは簡潔に見えるボリュームでも、スマホ上では多く見えてしまう可能性があるので、実機かエミュレータでチェックしてみましょう。
GoogleChrome上でも簡単にエミュレートできるので、下記の記事を参考にチェックしてみてください。
参考）GoogleChrome上でエミュレートする方法
http://blog.webcreativepark.net/2014/01/29-144850.html
６．ヘッダのロゴにはサイトトップへのロゴを貼る
ユーザは、「クリックするとサイトトップへ戻れるロゴが最上段にある」と思い込んでいるため、このロゴがクリッカブルでないと、ストレスを感じてしまいます。なので、ヘッダのロゴにはしっかりとサイトトップへのリンクを貼り付けましょう。
スマホLP最適化に関するよくあるご質問
スマホLP最適化に役立つQ＆Aをまとめています。
Q.スマホ向けランディングページ（LP）の最適化で重要なポイントは何ですか？
A.スマホ向けLPでは、読み込み速度、シンプルなデザイン、タッチ操作のしやすさが重要です。ユーザーがすぐに目的の行動を取れるよう、直感的でスムーズな操作性を提供することが求められます。
Q.スマホLPでユーザーの離脱を防ぐためのポイントは何ですか？
A.ユーザーの離脱を防ぐためには、直感的でシンプルな操作、重要な情報を素早く提供すること、そして不要なポップアップや複雑なフォームを避けることが効果的です。
Q.スマホLPの読み込み速度を改善する方法は？
A.読み込み速度を改善するには、画像の圧縮、JavaScriptの最適化、不要なプラグインの削除などを行い、軽量で高速なページを作成することが重要です。
Q.スマホLPのコンテンツはどのくらいの長さが適切ですか？
A.スマホLPのコンテンツはできるだけ簡潔にまとめ、重要なポイントをすぐに伝えることが大切です。長すぎるコンテンツはスクロールが多くなり、離脱の原因になります。
詳しくは以下の記事を参考にしてください。
参考：参考にするべきLPデザイン例14選と意識すべきコツを紹介
Q.スマホLPのテスト方法にはどのようなものがありますか？
A.実機テストやブラウザのエミュレーション機能を使用し、さまざまなスマホでの表示や操作感を確認します。特に、iOSとAndroid両方での動作確認は必須です。
◆まとめ
本記事では、すぐに修正できるパーツ単位のTipsに関してご紹介させていただきました。「こんなの当たり前だろう」と思う方も多かったのではと思いますが、実際にこれらのテクニックが不足しているサイトもよく見かけるのではないでしょうか。
もしこの記事を読んで「念のため自分のサイトをチェックしてみよう」という方がいらっしゃいましたら、その際にはぜひ参考にしてみてください。
※ランディングページ改善に重要な要素を大きく4つに分け（ファーストビュー、ライティング、導線、その他のポイント）それぞれの項目で訴求ポイントのチェックが行えるシートを無料で公開しています。こちらもご参照ください。
