スマホ対応のランディングページのデザイン方法

スマホに対応しているランディングページを用意することはウェブマーケティングを行う上で欠かせません。スマートフォン対応のランディングページデザインはパソコン対応のデザインと同じコンセプトに基づいて行うことはできますが、全く同じものを転用することは難しい場合も多いのが事実です。ランディングページの構成やデザインのあり方については同じですが、使用している素材によって直接的にスマホに対応させるのは難しくなることがよくあります。画面サイズの違いによる影響が大きく、作りこんであるランディングページほどスマホ用に移行するのは難しい傾向があるのです。

一般的なランディングページのスマホ対応の方法には三つあります。最も注目されているのがレスポンシブデザインであり、CSSを用いてデバイスに画面サイズに応じた形でウェブページを表示させることができる方法です。やや動作が重くなるという欠点はあるものの、同じページを画面サイズごとに合わせて表示できるのは制作の手間を省くことにつながります。同一URLであることからSEO対策をすることも容易であり、ランディングページを運用する上では便利です。しかし、パソコン用に作り込んでしまうとスマホでは表示しにくくなってしまうことも多く、簡素に作り上げることが重要になります。

別の方法としてパソコン用とスマホ用のランディングページを別々に作る方法があります。この方法はさらに二つに分けることができ、デバイスを認識することによって同一URLを使ってランディングページの振り分けを行う方法と、そもそも両者のURLを準備してしまってアクセスしてもらう方法とから選ぶことが可能です。どちらを選んでもそれぞれのデバイスの特性に合った形で最適化したらランディングページを準備することができるのがメリットになります。しかし、類似したページを準備した場合には運用するときにそれぞれに対して手を加えていかなければならないという運用上の大変さが生じます。一方、デバイスごとに振り分けができるとSEO対策が容易ですが、ウェブプログラミングの知識が必要になる面が大変になる場合があるでしょう。振り分けをしない場合にはコーディングが簡単になるものの、個別にSEO対策をしなければならないという面があります。