ホームページのスマホ対応にかかる費用は？相場と、安く対応する3つの方法

スマホ対応とは何か

スマホ対応とは、パソコンでもスマホでも、画面の大きさに合わせてホームページが見やすく表示されるようにすることです。今は、1つのホームページが画面の幅に合わせて自動で並び方を変える「レスポンシブデザイン」という作り方が主流です。仕組みはレスポンシブデザインとはで説明しています。

10年ほど前までは、パソコン用とスマホ用のホームページを別々に作る方法も多く使われていました。その頃に作ったホームページは、スマホ用のページが更新されていなかったり、そもそもスマホ用のページがなかったりすることがあります。

今のホームページがスマホ対応しているか確かめる

まずは、自分のホームページがスマホに対応しているかを確かめましょう。特別な道具は必要ありません。

1つでも当てはまらない項目があれば、スマホ対応が不十分な可能性があります。家族や知り合いのスマホでも開いてもらうと、自分では気づかない見にくさが見つかることがあります。パソコンのブラウザでも、画面の幅を狭くして表示が崩れないかを確かめられます。

スマホ対応にかかる費用の相場

スマホ対応の費用は、今のホームページの作り方とページ数、どこまで直すかで大きく変わります。

意外に思われるかもしれませんが、古いホームページを部分的に直すより、作り直した方が安くなることは少なくありません。古いホームページは、今とは違う作り方で組まれていることが多く、スマホで見やすくするには、ほぼすべてのページの中身を組み直す必要があるからです。

費用が高くなる原因

ページ数が多い

スマホ対応の費用は、ページ数に比例して増えるのが一般的です。何十ページもあるサイトでは、ページごとに表示を確かめて直す手間がかかります。

古い作り方で組まれている

表を使ってレイアウトを組んでいる、画像の中に文字が入っている、古い技術を使った部分がある、といったホームページは、スマホ用に組み直すのに手間がかかります。

写真や画像の中に文字がある

画像の中に入った文字は、スマホで見ると小さくて読めなくなります。画像を作り直すか、文字をページの本文に書き直す必要があり、その分の費用がかかります。

機能が多い

予約、検索、地図、動画、表など、複雑な機能があるページは、スマホでの動きを個別に確かめて直す必要があります。

安くスマホ対応する3つの方法

方法1：テンプレートで作り直す

今のホームページの文章と写真を使い、スマホ対応のテンプレートで作り直す方法です。WordPressのテーマなど、最初からスマホ対応になっているテンプレートを使えば、スマホでの見え方を一から作る必要がありません。自分で作り直せば、テンプレート代とサーバー代だけで済みます。

作り直すときは、今のページの文章をすべてテキストで保存しておき、新しいホームページにそのまま移すと、作業が早く進みます。リニューアルの流れはホームページのリニューアルの手順で説明しています。

方法2：月額制で作り直す

初期費用0円の月額制のサービスで作り直せば、まとまった費用をかけずにスマホ対応のホームページに変えられます。サーバーや保守も月額に含まれることが多く、公開後に古くなる心配も減ります。月額制の仕組みは月額制ホームページとはで説明しています。

方法3：ページを絞って直す

今のホームページのページのうち、よく見られているものだけを残して作り直す方法です。アクセスの記録を見ると、ほとんど見られていないページが多く見つかることがあります。思い切ってページを減らせば、作り直しの費用も、公開後の管理の手間も減らせます。

リニューアルの費用を抑える考え方はホームページのリニューアルを安くする方法でも説明しています。

スマホ対応しないと起きる問題

お客様がすぐに離れる

スマホで見にくいホームページは、開いてすぐに閉じられてしまいます。特に、電話番号や地図、営業時間を探しに来た人は、見つからなければ同業の別のお店に移ってしまいます。

検索で不利になることがある

Googleは、検索の評価に主にスマホでの表示を使うと案内しています。スマホで見にくいホームページは、内容が良くても評価されにくくなることがあります。

信頼を損ねる

スマホで崩れたホームページは、「この会社は今も営業しているのか」「管理されていないのでは」という印象を与えます。名刺やチラシからホームページを見に来た人が、不安になって問い合わせをやめてしまうこともあります。

費用をかけずにできる、スマホで見やすくする工夫

スマホ対応は作りの問題だけではありません。中身の書き方を少し変えるだけで、スマホでの読みやすさは大きく変わります。作り直しの前後に、次の点も見直してみましょう。

大事な情報を上に置く

スマホの画面は小さいので、下まで読まれずに閉じられることがよくあります。電話番号、営業時間、場所、予約の方法など、お客様が一番知りたい情報は、ページの上の方に置きましょう。トップページを開いてすぐに、何のお店で、どう連絡すればよいかがわかる状態が理想です。

1つの段落を短くする

パソコンでは数行に見える文章も、スマホでは画面いっぱいの文字の塊になります。1つの段落は2〜3文ほどにとどめ、見出しや箇条書きを使って区切ると、スマホでも読みやすくなります。書き方のコツはホームページの文章の書き方で説明しています。

表をできるだけ小さくする

列の多い表は、スマホでは横にはみ出しやすくなります。料金表などは、列を3つほどに絞るか、箇条書きに置き換えると見やすくなります。

写真を軽くする

スマホは通信の環境によって表示が遅くなることがあります。大きすぎる写真は、表示を遅くする原因になります。写真は横幅1,500ピクセルほどに縮めてから載せると、見た目を保ったまま軽くできます。

問い合わせの入力項目を減らす

スマホで文字を打つのは手間がかかります。問い合わせフォームの項目は、名前、連絡先、内容の3つほどに絞ると、途中でやめる人が減ります。フォームの作り方は問い合わせフォームの作り方を参照してください。

スマホ対応を頼むときに確かめること

CRAFT WEB のスマホ対応

CRAFT WEB では、パソコン・タブレット・スマホのすべてに対応したホームページを、月額3,000円（税別）・初期費用0円で制作します。スマホ対応は追加料金ではなく、最初から料金に含まれています。今のホームページの文章や写真を使って作り直すこともでき、写真がない場合はフリー素材を使います。公開後に表示の気になる点があれば、月1回の修正の中で対応します。