Webマーケティング・制作

LPをスマホ最適化するための3つのポイント

こんにちは。

ジャスティスのWEB制作担当の戸田です。

 

今回は、前回のコラムでご紹介した

「LPをスマホ最適化するためのチェックポイント」

の補足事項について解説していきます。

 

今やLPに訪問するスマホユーザーの割合は、

PCユーザーよりも多くなっています。

 

スマホ向けLPは、小さい画面での操作性に

配慮する必要があり、PCとは作る際の

ポイントが異なります。

 

PCユーザー向けLPを

いくら改善したとしても、

スマホ最適化が不十分であれば、

反応率アップも期待できません。

 

この機会に、スマホ向けLPのポイントを

しっかり押さえておきましょう。

LPと入力フォームを一体化する

スマホ向けのLPは、

LPと入力フォームを別々にするのではなく、

一体化するのが望ましいです。

 

通常、WEBで商品を購入する場合は、

申し込みボタンから

入力フォーム専用の別ページに飛び、

必要事項を入力したのちに送信ボタンを押す

という流れが一般的です。

 

つまり画面の遷移が起こるわけですが、

ここでユーザーの購入意欲が下がって

離脱することがあります。

 

離脱のリスクを低減させるためには、

LPの中に入力フォームを全て載せてしまい、

ユーザーのテンションが下がる前に

購入してもらう必要があります。

 

そのための対策として、

LPと入力フォームを一体化することが

有効です。

 

軽い画像を使い、表示速度を速める

スマホ向けLPでは、

PC向けLPのようなファイルサイズの大きい

画像や写真は使わないようにしましょう。

 

画像はできるだけシンプルで軽いものを選ぶか、

下で紹介しているツールで画像を軽くする

ことをお勧めします。

 

容量が大きい画像がいくつもあると、

その分表示にかかる時間が増えるため、

スマホの電波環境では

致命的になることもありえます。

 

表示時間が増えるにつれて、

離脱率が上がるというデータもあり、

成約率に影響を及ぼすリスクは

考慮しておく必要があります。

 

次に、画像を軽くするツールを

いくつかご紹介します。

 

画像を軽くするツール

Optimizilla

ブラウザ上から画像の圧縮ができる

WEBツールです。

 

Caesium Image Compressor

PCにインストールするタイプの

画像圧縮ソフトです。

 

EWWW Image Optimizer

こちらはWordPressのプラグインで、

アップロードした画像を自動で圧縮して

くれます。

 

WordPress上でLPを作る方には、

非常に便利なツールなので、お勧めです。

 

LPのおける画像・写真の考え方

以上、3つのツールをご紹介しましたが、

これでLPに沢山画像を載せようと考えている

方もいるかもしれません。

 

ただ、注意していただきたいのが、

LPにおいて、画像や写真は

“伝えるための手段”

に過ぎないということです。

 

画像を多用すれば成約率が上がる

というわけではないので、

 

LPを作成する際は、

「この画像・写真を掲載することで、

商品・サービスの価値を効果的に

伝えられるだろうか?」

ということを考えるようにしてください。

 

ファーストビューの最適サイズをもとにデザインを作成する

これまでのコラムでも何度もお伝えしている

ように、LPで最も重要な項目は、

ファーストビューです。

 

それはスマホでもPCでも変わりません。

 

ユーザーがファーストビューを見た瞬間に、

この先を読むと、自分にとって有益な情報

が得られると感じてもらえるように、

ベネフィットなどをシンプルに載せましょう。

 

写真・画像を使って、

直感的に商品・サービスの効果やイメージが

伝わるようにすることも有効です。

 

スマホ向けのファーストビューを

作成する際のポイントとしては、

最適サイズをもとにデザインを

考えることです。

 

LPにアクセスした時に、

キャッチコピーが途中で切れて、

スクロールしないとメッセージが伝わらない

デザインだと、ユーザーは離脱してしまいます。

 

スマホは機種によってサイズは様々ですが、

横幅320px、縦幅460px

ぐらいを基準にファーストビューデザインを

作れば、ほとんどの環境に対応可能です。

 

 

いかがでしたでしょうか?

 

今回は、スマホ向けLPを作る上での

ポイントについて解説しました。

 

スマホからのアクセスが劇的に増えている今、

スマホ向けLPの対策は避けては通れません。

 

ぜひ、今回ご紹介したポイントを意識しながら

LP作成に取り組んでみてくださいね。

 

メルマガのご登録はこちら

Leave a Response

戸田 雄貴
2017年にWEB制作・管理担当として株式会社ジャスティスに入社。社内・社外を問わず数多くの制作案件をこなし、集客に直接的な効果を生むWEBデザイン制作の経験を積む。 これまで携わった制作案件は、士業・コンサルタントや治療家の公式ホームページ・ランディングページ・会員サイトの他に、ECサイト、求人募集サイト、外国人向けのポータルサイト等、多岐に渡る。 クライアントの中には、日本一の実績を出しゴールデンタイムのテレビで紹介される専門家もおり、WEBを活用して影響力を発揮するためのサポートを行っている。 また制作管理以外にも、WEBマーケティングを中心にメルマガやコラムなどの原稿を執筆している。