スマホ対応サイトの自己点検手順｜壊れる典型6パターンと修正の優先順位

「自社サイトを、自分のスマホで最後まで見たことがありますか？」——こう尋ねると、意外なほど多くの経営者が言葉に詰まります。制作会社との打ち合わせも検収もPCの大きな画面で行い、公開後もPCでしか開いていない。ところが実際の訪問者の多くはスマホからアクセスしており、そこでは横に画面がずれる・文字が読めない・ボタンが押せないといった「壊れた状態」で表示されているケースが珍しくありません。

結論から言えば、スマホ対応の点検は専門知識がなくても自分のスマホ1台で今日から始められ、直す順番さえ間違えなければ費用対効果の高い改善になり得ます。この記事では、PCで作ってスマホで壊れるサイトの典型パターン、自己点検の具体的な手順、修正の優先順位のつけ方、そして「モバイルファースト」という考え方まで、中小企業の実務目線で解説します。

あなたのサイトの訪問者は、何割がスマホから来ているのか？

まず前提となる事実から確認します。総務省の通信利用動向調査でも、個人のインターネット利用機器はスマートフォンがパソコンを上回る状態が続いており、日常の検索・情報収集の主役はすでにスマホです。BtoC業種（店舗・美容・医療・飲食・住宅など）では、サイト訪問の7〜9割がスマホ経由というケースも珍しくないのが実態です。BtoBでも、移動中や商談前の下調べはスマホで行われる傾向があり、「うちは法人相手だからPCで見られているはず」という思い込みは危険です。

自社の実数は、Googleアナリティクス（GA4）の「ユーザー属性→テクノロジー→デバイスカテゴリ」で確認できます。もし計測を入れていなくても、Googleビジネスプロフィールの閲覧データや、問い合わせ電話の多くが日中の外出時間帯に来ている事実などから、モバイル利用の多さは推測できます。

さらに重要なのは、Googleが「モバイルファーストインデックス」を採用している点です。これは検索順位の評価対象が原則としてスマホ版のページであるという仕組みで、スマホで壊れているサイトは、訪問者の離脱だけでなく検索評価の面でも不利になり得ます。つまりスマホ対応は「見た目の問題」ではなく、集客の土台そのものなのです。

PCで作ってスマホで壊れる「典型6パターン」

スマホで壊れるサイトには、はっきりした型があります。次の6つは当機構への相談でも繰り返し登場する定番の症状です。自社サイトに当てはまるものがないか、照らし合わせながら読んでください。

典型パターン	スマホでの症状	訪問者への影響
①横スクロールが発生する	画面が左右に動き、ページの右側が見切れる	「古い・雑」という第一印象で即離脱されやすい
②文字が小さすぎる	PC用の文字がそのまま縮小され、拡大しないと読めない	読む前に諦められる。高齢層ほど深刻
③表・画像がはみ出す	料金表や比較表が画面外に飛び出し、肝心の数字が見えない	価格・サービス内容が伝わらず検討から外れる
④ボタンが小さく押しにくい	リンクが密集し、指で狙った場所を押せない・誤タップする	問い合わせ・予約の直前で脱落する
⑤電話番号がタップで発信できない	番号が画像や飾り文字で、押しても電話がかからない	「今すぐ電話したい」見込み客を逃す
⑥画像が重く表示が遅い	PC用の大きな画像をそのまま読み込み、数秒待たされる	表示前に離脱される。検索評価にも悪影響

怖いのは、これらの症状がサイト運営者本人にはまったく見えていないことです。訪問者は「表示が崩れています」と教えてくれません。黙って戻るボタンを押し、次の検索結果——つまり競合のサイト——へ移動するだけです。アクセス解析上は「スマホの直帰率が高い」という数字にしか現れないため、原因に気づかないまま何年も放置されがちです。

なぜ壊れるのか——原因は「PCで作り、PCで確認する」制作フロー

壊れる根本原因はシンプルで、制作も検収もPC画面だけで完結してきたからです。特に数年以上前に作ったサイトは、幅を固定ピクセルで組んだレイアウト、スマホ表示を制御するviewport設定の欠落、PC用の巨大画像の流用など、当時は問題にならなかった作りがそのまま残っています。また、公開後に社内で追加したお知らせやページが、レスポンシブ（画面幅に応じてレイアウトが変わる仕組み）を考慮せずに作られ、そこだけ崩れているケースもよくあります。

スマホ1台でできる自己点検の手順

点検に専門ツールは不要です。自分のスマホと、可能ならPCのブラウザがあれば十分です。ポイントは「お客さんと同じ条件で見る」こと。社内Wi-Fiではなく携帯回線で、トップページだけでなく問い合わせ完了まで通しで確認します。

修正の優先順位——どこから直すと費用対効果が高いか？

点検で問題が複数見つかったとき、全部を一度に直そうとすると費用も時間もかさみます。優先順位の原則はひとつ、「問い合わせ・来店に直結する障害から直す」です。見た目の美しさより、行動を止めている箇所の除去が先です。

優先度	修正項目	理由	難易度の目安
最優先	電話タップ発信・フォーム送信の不具合	行動の最終地点。ここが壊れていると他の改善がすべて無駄になる	低〜中（設定・記述修正で済むことが多い）
高	料金・サービスページの表や画像のはみ出し	検討の決め手となる情報が見えない状態は機会損失が大きい	低〜中
高	画像の軽量化（圧縮・サイズ最適化）	表示速度は全ページの離脱率に効く。作業も比較的単純	低
中	文字サイズ・ボタンサイズ・行間の調整	読みやすさ・押しやすさの底上げ。CSSの調整が中心	中
低（根本対応）	サイト全体のレスポンシブ化・リニューアル	固定幅の古い構造は部分修正に限界がある。中期計画で対応	高（制作会社案件）

部分修正で延命できるか、作り直しが必要かの分かれ目は「サイトがレスポンシブ対応で作られているか」です。スマホで見たときにPC画面がそのまま縮小表示されるタイプは根本構造が古いため、部分修正に費用をかけるよりリニューアルを検討したほうが総額で安くつく傾向があります。逆にレスポンシブ対応済みで一部だけ崩れているなら、数万円規模のスポット修正で十分改善し得ます。

数値で見る：スマホ対応の改善は問い合わせを何件増やし得るか

効果のイメージを、例として単純化した数字で試算してみます（実際の数値は業種・サイトにより異なります）。

もちろんこれは例示であり、改善幅を保証するものではありません。ただ「スマホ訪問者数×行動率」という掛け算の構造上、訪問者の大半を占めるスマホ側の改善は、少ない打ち手で成果に響きやすいことは押さえておく価値があります。

モバイルファーストとは何か——次に作るときの考え方

今後サイトを改修・新設するなら、「PCで作ってスマホに合わせる」のではなく、「スマホの画面を基準に設計し、PCはその拡張として整える」という順番——モバイルファーストの考え方——を制作の前提に置くことをおすすめします。単なる技術用語ではなく、実務では次のような設計判断に現れます。

• 縦1列で伝わる構成にする：スマホは縦スクロールが基本。横に並べる前提のレイアウトや長い表は、縦積みでも意味が通るよう情報を設計する
• 結論と行動導線を先に置く：小さい画面では「読み進めてもらえる量」が少ない。電話・予約・問い合わせボタンは常に近くに置く
• 片手の親指で操作できるかを基準にボタン配置・サイズを決める
• 画像・動画はスマホ回線前提で軽くする：装飾のための重い素材は最初から使わない
• 検収はスマホ実機で行う：制作会社への発注時に「スマホ実機での確認をもって検収とする」と合意しておく

特に最後の検収条件は、発注側が今日から使える実務的な防衛策です。契約前の見積もり段階で「レスポンシブ対応の範囲」「確認対象の機種」を明記してもらうだけで、公開後に「スマホで崩れているのは仕様です」と言われるトラブルをかなり防げます。

自分で直すか、業者に頼むか——判断の目安

WordPressなどのCMSを使っていて管理画面に入れるなら、画像の圧縮（無料の圧縮ツールやプラグインで対応可能）、電話番号のリンク化、文字サイズの調整あたりは自社対応の余地があります。一方、レイアウト構造に関わる修正はCSSやテーマの知識が必要で、中途半端に触ると別の箇所が崩れるリスクがあるため、点検結果のスクリーンショットを添えて制作会社に見積もりを依頼するのが安全です。

依頼の際は「スマホ対応をお願いします」という漠然とした頼み方ではなく、「このページのこの表がはみ出す」「電話番号がタップ発信できない」と症状を特定して伝えることが重要です。範囲が明確なら見積もりも適正になりやすく、「全面リニューアルしないと直りません」という過剰提案を見抜く材料にもなります。まさにこのために、自己点検のスクリーンショット記録が効いてきます。

よくある質問（FAQ）

自社サイトがスマホ対応できているか、一番簡単に確かめる方法は？

自分のスマホでWi-Fiを切り、携帯回線で自社サイトを開いて主要ページを最後までスクロールし、電話タップとフォーム送信を実際に試すことです。費用はかからず、10〜15分程度で主要な問題は洗い出せます。横スクロールの発生、文字の小ささ、表のはみ出しがあれば対応不十分のサインです。

スマホ対応していないと検索順位に影響しますか？

影響し得ます。Googleはモバイルファーストインデックスを採用しており、原則としてスマホ版ページを基準に評価します。スマホでの使いやすさや表示速度は評価要素に含まれるため、崩れたままの放置は訪問者の離脱と検索評価の両面で不利に働く傾向があります。

スマホ対応の修正費用はどのくらいかかりますか？

症状の範囲によります。電話リンク化や画像圧縮などのスポット修正なら数万円程度から、複数ページのレイアウト調整で十数万円規模、固定幅の古い構造を根本から作り直す場合はリニューアル案件として数十万円以上が目安になり得ます。症状を特定して相見積もりを取ると適正価格を判断しやすくなります。

スマホ専用サイトを別に作るのと、レスポンシブ対応はどちらがよいですか？

現在は1つのサイトが画面幅に応じてレイアウトを変えるレスポンシブ対応が主流で、Googleも推奨しています。スマホ専用サイトを別URLで持つ方式は、更新が二重になり管理コストがかさむうえ、内容の食い違いが起きやすいため、これから対応するなら基本的にレスポンシブを選ぶのが無難です。

BtoBの会社でもスマホ対応は必要ですか？

必要と考えたほうが安全です。BtoBでも担当者は移動中や商談前にスマホで下調べをする傾向があり、崩れた表示は会社の信頼性の印象を下げかねません。また検索評価がスマホ版基準である以上、PC利用が多い業種でも集客の入り口では影響を受け得ます。

あわせて読みたい

まとめ：スマホ対応の第一歩は「自分のスマホで開く」こと

訪問者の主役はスマホであり、Googleの評価基準もスマホ版です。にもかかわらず、多くのサイトはPCでしか確認されておらず、横スクロール・文字の小ささ・表のはみ出し・押しにくいボタン・タップ発信できない電話番号・重い画像という典型パターンで、静かに見込み客を逃しています。まずは今日、自分のスマホの携帯回線で自社サイトを開き、チェックリストで点検してみてください。そして直すときは、電話・フォームなど行動に直結する障害から優先的に。それだけで、同じアクセス数からより多くの問い合わせを生み出せる可能性が十分にあります。

「点検してみたら崩れていたが、どこまで直すべきか判断できない」「制作会社の見積もりが適正か分からない」——そんなときは、中小企業の集客支援を専門とする当機構にご相談ください。点検結果をもとに、費用対効果の高い修正の順番を一緒に整理します。