1つの HTML で画面幅に応じて見た目を変えるのがレスポンシブ、PC 用とスマホ用を別々に作って振り分けるのが分離型です。いまはレスポンシブが基本ですが、案件によっては分けることもあります。

レスポンシブが基本になった理由

1. URL が1つで済む。検索エンジンからの評価が分散しない
2. 更新が1回で済む（分離型は2か所直す必要がある）
3. 端末の種類が増えても、幅で対応できる
4. Google がモバイルの内容を基準に評価する（分離型だと管理が煩雑になる）

分けたほうがよい場面

• PC とスマホで見せる内容そのものを変えたい
• スマホだけ徹底的に軽くしたい（PC 用の画像や記述を読み込ませない）
• 既存の PC サイトに手を入れられず、スマホ版だけ新しく作る

「見た目が違う」だけならレスポンシブで足ります。分ける判断が要るのは、載せる情報そのものが違う場合です。

費用の違い

レスポンシブは1つの HTML に両方の指定を書くので、単純に2倍にはなりません。分離型は実質2サイトぶんになるうえ、更新のたびに2か所を直すことになり、運用でも費用がかかります。

当社のコーディング費用は1ページ15,000円からで、レスポンシブ対応を含みます。

デザインが PC だけの場合

PC のデザインしか無い状態でのご依頼もよくあります。その場合は、こちらでスマホ時の並びと余白を決めて組みます。「PC デザインしか作成できていないものもレスポンシブ化してくれた」というお声もいただいています。

スマホ用のデザインが無い段階でもご相談いただけます。デザインデータをお送りいただければ、対応範囲と費用をお出しします。