ランディングページのデザインを作成する際に、
レスポンシブで公開するのか、それともセパレートで公開するのか考える必要があります。
とはいえ、どちらがいいの？と悩んでしまわれる方も多いはず。
今回はそれぞれのメリットとデメリットをご紹介したいと思います。

レスポンシブとは

レスポンシブは同一URLでページを表示するデバイスに応じてデザインを最適化させる方法です。

セパレートとは

セパレートは必要に応じてURLを用意し表示するデバイス用に用意したデザインを表示させる方法です。

レスポンシブ、セパレートどちらもページを表示するデバイスに最適化したデザインを表示するのだから変わらないように見えます。
では、それぞれのメリットとデメリットを確認してみましょう。

レスポンシブのメリット・デメリット

メリット

■ほとんどのデバイスで表示を最適化できる
レスポンシブはデザインが横幅に応じて可変しますので、デスクトップPCをはじめ、ノートPC、タブレット、スマートフォンなど、殆どの環境で最適化されたページを表示することが可能です。

■URLが一つなのでユーザーに覚えてもらいやすい
広告の飛び先として設定されているランディングページや複雑なURLなどではあまり恩恵を受けることはありませんが、複数のURLを用意する必要のないレスポンシブではURLをユーザーに覚えてもらいやすくなります。

■メンテナンスがラク
閲覧するユーザーのメリットにはなりませんが、ページを運用していく中で更新する場面もあるかと思います。
HTMLやCSS、JavaScriptなどのファイルがすべてのデバイスで共通ですので、URL別にHTMLなどを容易しなければならない
セパレートと比較してメンテナンスが容易です。

デメリット

■デザインに制限がある
URLが一つのため、すべてのデバイスで共通のHTMLをすることになり、例えばPCとスマートフォンでコンテンツの出現順を変えるなど大幅なデザイン変更ができません。
また、レスポンシブではよく見られる幅に応じて常にデザインを可変させるリキッドデザインを採用した場合も、幅を固定して実現させるデザインはできません。

■ページのA/Bテストを行う場合に制限がある
A/Bテストを行う際にスマートフォンのテストパターンだけ大幅にデザインを変えることはできません。

セパレートのメリット・デメリット

メリット

■各デバイスで効果的なデザインを作成できる
PCやスマートフォン用にそれぞれデザインを作成するため、スマートフォンだけコンテンツの順序を大幅に変えたり、複数のデバイスに一つのデザインで対応する必要がないため、PCでは横幅を活かしたデザインをスマートフォンではシンプルなデザインにしたりなど表示するデバイスの特徴を最大限に活かしたデザインが作成できます。

■A/Bテストで特定のデバイスだけ大幅な変更が行える
レスポンシブでは実現できない、スマートフォンだけテストパターンを大幅に変更するなどセパレートではA/Bテストの幅が広くなります。

デメリット

■想定していないデバイスで流入したユーザーに離脱される可能性が高い
ユーザーがどのようなデバイスでページへ流入してくるかわかりません。
そのため、作成者が想定していないデバイスで、ユーザーがページへ流入してきた際には適切な表示がされず、ユーザーは見づらさからページを離脱してしまう可能性が高いのです。

■メンテナンスが面倒
複数のURLを用意するため1回の修正作業で複数のファイル更新が必要になり、メンテナンスに手間がかかります。

このように、レスポンシブとセパレートではそれぞれメリット・デメリットがあります。
ブルースクレイ・ジャパンではランディングページ作成の際には基本的に表現の幅が広いセパレートタイプをおすすめしています。
なお、ランディングページではなくWEBサイトを作成する場合には、レスポンシブを選択することが一般的です。

また、貴社でお使いのランディングページを改善するための代表的なチェック項目を以下にまとめておりますので、ぜひダウンロードして活用してみてください。

弊社ではランディングページの無料簡易分析も承っております。
プロ視点で見た、貴社ランディングページの課題点を発見し、オーダーメイドの分析結果資料をお届けいたします。
詳しくはチェックリストをご覧ください。

いますぐダウンロードしてみる（無料）