スマホが現代で一般化した今、モバイル対応（レスポンシブ対応）していないホームページは求められていません。この対応はもはや、前提の内容といえるでしょう。
Googleもモバイルフレンドリーと呼ばれる指標を出しており、しっかりと対応させなければいけません。
しかし、スマホ対応にかかる費用相場を知らない方も多いでしょう。
この記事では、ホームページのスマホ対応（レスポンシブ対応）にかかる費用相場について解説していきます。
【無料お役立ち資料】
お問い合わせを増やすWEBサイトの作成方法
資料内容
- WEBサイト作成の流れと説明
- 各フェーズでの重要ポイント
- 問い合わせを増やすための最終チェックリスト
- 制作後の運用方法
- 制作の進め方と注意すべき点
サイト制作を依頼する際に知っておくべき内容になっていますのでぜひ無料でご覧ください。
この記事の内容
ホームページのスマホ対応（レスポンシブ対応）に必要な費用相場
まず、ホームページのスマホ対応（レスポンシブ対応）にかかる費用相場を、依頼する作業ごとに紹介します。
- 既存ホームページのスマホ対応は1ページ1～3万円
- 画像調整は1枚につき3,000～7,000円
- レスポンシブ対応ホームページの新規作成費用は通常の1.5〜2倍
既存ホームページのスマホ対応は1ページ1～3万円
既存のホームページをスマホでの表示に対応させる場合、かかる費用は1ページにつき1〜3万円程度です。
一般的なコーポレートサイトであれば、おおよそ10ページから15ページ程度の構成となるため、全てをスマホ表示に対応させた場合は10万円以上のコストがかかると想定されるでしょう。
50ページ以上のサイトであれば、かなりの費用となる場合があります。もし、予算が限られる場合はスマホ対応させるページとそうでないページとの取捨選択が重要でしょう。
画像調整は1枚につき3,000～7,000円
スマホでサイト表示した際、掲載されている画像を正しく表示させる画像調整の費用相場は、画像1枚につき3,000〜7,000円程度が費用相場です。
スマホ対応していないホームページをスマホで開いた場合、画像が極小になり、ズームしなければ何か確認できません。
画像を多く使用しているサイトほど、費用が嵩む点は注意しましょう。
レスポンシブ対応ホームページの新規作成費用は通常の1.5〜2倍
レスポンシブ仕様でホームページを新規制作する場合、PC用ページのみの制作費に対して、1.5〜2倍の費用が目安です。
たとえば、制作費が20万円の場合、スマホ対応も含めたレスポンシブ対応にすると、追加で10万〜20万円ほどかかる計算になります。
これは、スマホ向けのデザイン調整やコーディングの工数が増えるためと考えておきましょう。
スマホ対応（レスポンシブ対応）のホームページ作成にかかる費用の算出方法
スマホ対応（レスポンシブ対応）のホームページ作成費用は、作業を行う担当者の「人件費」によって決まるのが一般的です。
よく用いられるのが「人日（にんにち）計算」という方法です。これは、ある作業にかかる時間を1人日＝8時間とし、それに人件費を掛けて算出する方法なので、ぜひ覚えておきましょう。
費用算出例
| 作業項目 | 所要時間 | 人日換算 | 単価（3万円/人日）の場合 | 費用目安 |
|---|---|---|---|---|
| 作業A | 8時間 | 1人日 | 3万円 | 3万円 |
| 作業B | 12時間 | 1.5人日 | 3万円 | 4.5万円 |
上記は、小・中規模のホームページ制作会社へ依頼するケースを想定し、人日単価は3万円で計算しています。
なお、大手制作会社になると、単価は1人日あたり5万円になるケースもあります。
ホームページの種類別でスマホ対応（レスポンシブ対応）にかかる費用例
ここからは、代表的な3種類のホームページを例に、それぞれのスマホ対応（レスポンシブ対応）費用を解説します。
- コーポレートサイトのスマホ対応費用
- ECサイトのスマホ対応費用
- LP（ランディングページ）のスマホ対応費用
コーポレートサイトのスマホ対応費用
コーポレートサイトのスマホ対応（レスポンシブ対応）費用は、サイトの規模によって異なります。
費用の目安
- 小規模（5ページ程度）で約40万円
- 中規模（30ページ程度）で約80万円
- 大規模（100ページ程度）で150万円
名刺代わりの簡易なサイトであれば、費用を抑えられます。
しかし、SEO対策や問い合わせ導線の設計など、ビジネス機能を備えた構成にすると、費用が上がる傾向にあります。
ECサイトのスマホ対応費用
商品ページやカート機能などが必要なECサイトは、レスポンシブ対応費用が比較的高額になります。
費用の目安
- 小規模なECサイトで50万〜100万円
- 中規模なECサイトで100万〜300万円
- 大規模なECサイトで300万以上
運営体制や目指す機能性に応じて、最適な方法を選ぶ必要があります。
LP（ランディングページ）のスマホ対応費用
LPのスマホ対応（レスポンシブ対応）費用は、構成のシンプルさによって費用が変わります。
簡易的なテンプレートを使用する小規模なLPであれば、10万円前後で制作可能です。
一方、セールスライティングやSEO対策、画像・動画を組み込んだ本格的なLPでは、50万円程度が目安になるでしょう。
集客や成約率向上を目的としたLPでは、スマホ表示の最適化が成果に直結するため、費用対効果を見ながら予算を検討してみてください。
ホームページのスマホ対応（レスポンシブ対応）にかかる費用を安く抑える4つの方法
ホームページのスマホ対応にかかる費用は、サイトの規模に応じて変動します。とはいえ、少しでも費用を安く抑えたいと考えるのは自然なことでしょう。
そこでここからは、スマホ対応にかかる費用を安く抑える次の4つの方法を紹介します。
- WordPressなどのCMSで作成する
- 優先度の高いページに絞る
- ブレイクポイント数を削減する
- 格安の制作会社に依頼する
WordPressなどのCMSで作成する
まず、WordPressなどのCMSを活用しましょう。
CMSには、最初からスマホに対応したホームページの表示機能が搭載されています。そのため、Wordpressなら、別途スマホ対応の費用をかける必要はありません。
なお、CMSを利用していない場合には、スマホ対応のリニューアルを行う際、切り替えを思い切って行うことでコストの大幅な削減につながります。
優先度の高いページに絞る
そして、スマホ対応の優先度が高いページに絞って依頼する方法も有効です。
前述したように、ホームページのスマホ対応はページや画像1枚ごとの換算となります。全ページのスマホ対応は、かなり大きなコストが要するでしょう。
ユーザーがスマホでアクセスしていると想定し、どのページを見てもらいたいか厳選することで、ある程度のコスト削減ができます。
ブレイクポイント数を削減する
また、ブレイクポイントの設定する箇所と不要な箇所の分別を行い、削減する方法もあります。
事業紹介や商品紹介といったサイトの顔となるページにブレークポイントを設定し、アクセスの少ないページは非対応に留めるなど、どのページを見て欲しいか自社内で明確にしておきましょう。
格安の制作会社に依頼する
制作会社といっても、料金はまちまちです。そのため、できるだけ費用の安い制作会社に依頼をかけるのもコスト削減の手段です。
格安の会社であれば、一般的な費用相場よりも安い値段でお任せできる場合があります。
ただし、格安の制作会社はしっかりと依頼先を見極めなければいけません。中には、テンプレートの流用で業務を大幅に削減しているだけのところもありますので注意してください。
そもそもホームページのスマホ対応（レスポンシブ対応）が必要な理由は？
多くの企業ホームページをスマホ対応にしていますが、そもそもなぜスマホ対応にする必要があるのでしょうか。
そこで、ホームページをスマホ対応に変更する3つの理由を解説していきます。
モバイルフレンドリーでないサイトは評価を下げる恐れがある
Googleはサイト評価を行う際、MFI（モバイルファーストインデックス）を基準に評価していることを公表しています。つまり、スマホページでの表示によってホームページを評価しているということです。
裏を返せば、スマホ対応にしていないホームページは評価されません。
ホームページをスマホ対応にすることで、検索エンジンからの評価改善が見込め、検索上位の獲得につながるので非常に大切です。
スマートフォンで見やすいサイトに改善できる
単純にスマホでの見づらさを改善できるのも、スマホ対応を行う理由といえます。
スマホのアスペクト比や解像度など、スペックは千差万別です。端末の性能によってはスマホ対応していないホームページを開いたとき、全体を見るためにスクロールが必要になるなど、ユーザーが不便を感じるケースも少なくありません。
スマホの画面表示に対応できるようにサイトを改善し、ユーザー視点でデメリットになる見づらさの改善が必要です。
離脱率の低下が期待できる
また、サイト離脱率の低下も期待できます。
情報通信白書の情報によると、全体のおよそ6割程度の人は、インターネットをスマホから閲覧していると公表されました。
こうした背景から、スマホ対応していないサイトは見づらく、それだけで訪問者の離脱を招きかねません。
サイトの離脱率を抑え、サイトの内容を見てもらうためにも、ホームページのスマホ対応は必須の工程と言えるでしょう。
スマホ対応ホームページの種類
スマホ対応のホームページといっても、いくつかの種類が存在します。
ここでは、ホームページをスマホ対応にする上での手法を以下の2種類紹介していきます。
- PC用のホームページと別途スマホ専用サイトを制作する
- レスポンシブデザインのホームページを制作する
自社の状況に照らし合わせながら、参考にしてみてください。
PC用のホームページと別途スマホ専用サイトを制作する
1つ目は、PC用ホームページの他に、別途スマホ専用サイトを制作する方法。イメージとしては、同じ内容のホームページをPC用とスマホ用と2種類用意する形になります。
この手法のメリットとして、各端末で綺麗に表示できるサイト制作ができる点が挙げられます。
一方、デメリットとしては制作にかかる作業が通常の2倍になります。スケジュールや予算に余裕がない場合をはじめ、基本的にはおすすめしません。
レスポンシブデザインのホームページを制作する
2つ目の方法は、レスポンシブ対応のホームページ制作です。
レスポンシブ対応であれば、制作するサイトは一つで、アクセスされた端末に応じて適切な画面表示の切り替えができます。
スマホやタブレットなど、さまざまな端末からのアクセスが想定されるなら、レスポンシブ対応のサイト制作が最も一般的な方法でしょう。
スマホ対応（レスポンシブ対応）のホームページ制作ならワンページ
ワンページは、スマホ対応（レスポンシブ対応）から経営課題の解決までを一貫して支援します。
私たちは、単にホームページをスマホ向けに最適化するだけではありません。
お客様の課題や目的を丁寧にヒアリングし「調査・戦略・制作・運用・改善」まで一貫して対応。ユーザーに伝わる設計と、成果につながるWebサイトを構築します。
ワンページのホームページ制作はこんな方におすすめです。
- 自社の魅力をしっかりと伝えられるサイトを作りたい
- Webの専門知識がなく、信頼できるパートナーに依頼したい
- スマホ対応だけでなく、集客できるサイトにしたい
成果につながるホームページを目指したい方は、まずはお気軽にご相談ください。
まとめ：ホームページは費用をかけて必ずスマホ対応（レスポンシブ対応）にしよう
ユーザー満足度が高く、検索エンジンからの評価の高いホームページにするために、スマホ対応の工程は欠かせません。
この機会にホームページのスマホ対応を行いましょう。
なお、ワンページ株式会社ではスマホ対応のホームページはもちろん、SEOをはじめとした集客を意識した制作、運用を行います。
これからサイト制作や改善をしていきたい方は、ぜひお気軽にご相談ください。
【無料お役立ち資料】
初心者でもよくわかるお問い合わせを増やすWEBサイトの作成方法
資料内容
- WEBサイト作成の流れと説明
- 各フェーズでの重要ポイント
- 問い合わせを増やすための最終チェックリスト
- 制作後の運用方法
- 制作の進め方と注意すべき点
サイト制作を依頼する際に知っておくべき内容になっていますのでぜひ無料でご覧ください。
