スマホ対応していないホームページが損をする理由｜確認方法と改善の選び方

取引先の担当者が、移動中にスマホで会社のホームページを開く。文字が小さく、指で拡大しながら読み進めることになります。

スマホ対応していないホームページは、この手間だけで読まれる前に閉じられることがあります。

見づらいと感じた人は、何も言わずに離れていきます。問い合わせの機会を逃していても、社内では気づきにくいのです。

部分修正で済むか、作り直すべきかの選び方も載せています。まずは手元のスマホで、自社サイトをチェックリストと照らし合わせてください。

スマホ対応とは？レスポンシブデザインの基本

スマホ対応とは、小さな画面でも読みやすく操作しやすいように表示させることです。

今よく使われるのが「レスポンシブデザイン」という方法です。

レスポンシブデザインは、一つのページを画面幅に合わせて自動で並べ替える仕組みです。

パソコンで横並びの情報が、スマホでは縦に並ぶといった形です。

端末ごとにページを作り分けないため、更新の手間も増えにくくなります。

以前は、パソコン用とスマホ用のページを別々に作る方法もありました。

ただ同じ内容を二か所で更新するため、片方だけ情報が古くなりがちです。

作り直すなら、レスポンシブデザインを前提にするのが一般的です。

スマホ対応していないホームページが損をしている理由

「うちは法人や年配のお客様が中心だから、スマホ対応はまだいい」と考える会社もあります。

ただ、スマホで見たときの不便さは、気づかないうちに機会を減らしているかもしれません。

読みにくさから、すぐにページを閉じられてしまう

拡大や横スクロールをしないと読めないページは、それだけで負担です。

知りたい情報の前で閉じられれば、会社の良さを伝える機会も失われます。

問い合わせや電話につながりにくい

ボタンが押しにくい、電話番号がタップで発信できない、フォームが使いづらい。

小さなストレスが重なると、「あとで連絡しよう」のまま忘れられてしまいます。

会社の印象や信頼に影響する

ホームページは、取引先や求職者にとって会社の第一印象をつくる場所です。

表示の崩れや古い情報は、「手入れされていない会社かな」という印象を与えかねません。

検索での評価にも関わる

Googleは、スマホでの表示を基準にページを評価しています（モバイルファーストインデックス）。

スマホ対応だけで順位は決まりませんが、検索対策の土台の一つです。

自社サイトがスマホ対応できているか確認する方法

まずは自分のスマホで自社サイトを開いてみましょう。次の点を確認してください。

• 拡大しなくても文字が読めるか
• 横スクロールが発生していないか
• メニューが開けて、目的のページに移動できるか
• ボタンやリンクを指で押し間違えずにタップできるか
• 電話番号をタップして発信できるか
• 問い合わせフォームの入力・送信がスムーズにできるか
• 画像や表が画面からはみ出していないか
• ページの表示に時間がかかりすぎていないか

社内の数人にも試してもらうと、自分では気づかない使いにくさが見えてきます。

iPhoneとAndroidなど、異なる端末で確認できるとより安心です。

スマホでの表示速度は、Googleの無料ツール「PageSpeed Insights」でも確認できます。

ただ、いちばんの確認方法は、お客様の立場で実際に操作してみることです。

気づいた点は、ページ名と症状をセットでメモしておきましょう。

「会社概要の表がはみ出す」のように残しておくと、制作会社への相談も早く進みます。

スマホ対応の改善方法と選び方

課題が見つかったときの改善方法は、大きく二つです。

既存サイトを部分的に修正する

レスポンシブで作られていて一部だけ崩れているなら、部分修正で済むことがあります。

画像サイズの調整、表の見せ方の変更、ボタンの大きさの見直しなどです。

リニューアルしてスマホ対応にする

パソコン向けの設計のままなら、部分修正では限界があり、作り直しを検討します。

その際は、自社で更新しやすい仕組みもあわせて取り入れるのがおすすめです。

たとえばWordPressには、レスポンシブ対応のテーマ（デザインのひな形）が多くあります。更新のしやすさとスマホ対応を両立しやすいのが利点です。

作り直す時期の見極め方は、ホームページリニューアルのタイミングは？見直しのサインと進め方をご覧ください。

どちらを選ぶかの目安

• 部分修正で済みやすい：レスポンシブで作られていて、崩れているのが一部のページだけ
• 作り直しを考えたい：パソコン用の画面が縮小されて表示される、社内で更新できない、情報も古くなっている

どちらが合うかは、サイトの作りや今後の運用方針で変わります。

現状を見てもらい、修正とリニューアルの見積もりを比べると判断しやすいでしょう。

見積もりで確認したいこと

• 対象になるページの範囲（全ページか、一部か）
• 今の文章や写真を使うか、作り直すか
• 社内で更新できる仕組みにするか
• ページのURLが変わる場合、古いURLからの転送設定を含むか

費用が何で決まるかは、ホームページ制作の費用はどう決まる？見積もりで確認したい項目で解説しています。

スマホで「使いやすい」ページにするためのポイント

スマホ対応は、表示が崩れないだけでは不十分です。

スマホで見る人の行動を想像して、使いやすさを整えましょう。

1. 大事な情報を上に置く：スマートフォンでは一度に見える範囲が狭いため、何の会社か、何ができるのかを最初に伝えます。
2. 文章は短く区切る：一段落を短めにし、見出しや箇条書きで内容をつかみやすくします。
3. 連絡手段を見つけやすくする：電話ボタンや問い合わせボタンを、ページの途中や最後など複数の場所に配置します。
4. フォームの項目を絞る：入力項目が多いほど負担が増えるため、最初の連絡に必要な項目に絞ります。
5. 画像を軽くする：大きすぎる画像は表示を遅くする原因になるため、適切なサイズに調整します。

こうした工夫は、パソコンで見る人の読みやすさにもつながります。

スマホ対応を機に、ページ全体の伝え方を見直すのもよいでしょう。

問い合わせにつながる導線づくりは、ホームページの問い合わせを増やす5つの改善策｜中小企業向けの見直し方で詳しく紹介しています。

スマホ対応でよくある質問

スマホ対応だけを依頼することはできますか？

できる場合もありますが、今のサイトの作り方によって変わります。

レスポンシブで作られていれば部分修正で済むこともあり、パソコン向けの設計なら作り直したほうが早いこともあります。

パソコンで見る人が多い業種でも、スマホ対応は必要ですか？

パソコン中心の業種でも、外出先で確認する取引先や、スマホで求人を探す人がいます。

Googleはスマホでの表示を基準にページを評価しているため、検索の面でも対応しておくと安心です。

スマホ対応できているかを、無料で確かめる方法はありますか？

まずは自分のスマホで、この記事のチェックリストに沿って操作してみるのが確実です。

表示速度は、Googleの無料ツール「PageSpeed Insights」でも確認できます。

リニューアルするなら、WordPressがいいですか？

社内でお知らせや実績を更新したいなら、WordPressは選びやすい仕組みの一つです。

本体やプラグインの更新など保守も必要になるため、ホームページの保守・更新とは？任せられる作業と依頼前の確認ポイントも参考にしてください。

まとめ