自社のホームページがスマホで見ると崩れていませんか？
URLを送るだけで、直し方と作り直しの判断をお伝えします
更新日 2026年10月26日
結論
ホームページがスマホで崩れる主な原因は、スマホ対応（レスポンシブ）でない古い作り、画像や表の幅が固定されていること、作成ツールの設定のずれです。まず自社サイトをどのツール・サービスで作ったか（WordPress、ホームページ作成サービス、業者の手作りなど）を確認すると、直し方が決まります。部分的な修正で済むか作り直しが必要かは、URLを専門スタッフに見せて判断してもらうのが確実です。
お客様に「ホームページ見ましたよ、でもスマホだと字が小さくて読めなくて」と言われた。自分のスマホで開いてみると、パソコン用の画面がそのまま縮んで表示され、指で拡大しないと何も読めない。電話番号を押してもかからない、写真が画面からはみ出している…。今はホームページを見る人の多くがスマホからなので、ここで崩れていると、問い合わせの機会を逃しているかもしれません。
スマホで崩れる原因は、ホームページの作り方によってさまざまで、少しの修正で直るものもあれば、作り直したほうが早いものもあります。このページでは、その見分け方をまとめました。迷ったら、ホームページのURLをチャットで送ってください。今の作りを確認して、直し方をお伝えします。
こんな状況ではありませんか？
- スマホで開くと、パソコン用の画面がそのまま小さく表示される
- 文字が小さすぎて、指で拡大しないと読めない
- 写真や表が画面の横にはみ出して、横にスクロールしてしまう
- 電話番号をタップしても電話がかからない
- ホームページを作った業者と連絡が取れず、誰が直せるのか分からない
ひとつでも当てはまったら、このページの方法で解決できます。
なぜスマホで見ると崩れるのか
ホームページは、見る機械の画面の幅に合わせて表示を変える作りにしておかないと、スマホでは崩れてしまいます。
- レスポンシブとは：画面の幅に合わせて、文字の大きさや並び方を自動で変える作り方のことです。パソコンでは横に並んでいるものが、スマホでは縦に並び替わります。10年以上前に作られたサイトは、この作りになっていないことがよくあります。
- 幅が固定された部品：サイト全体はスマホ対応していても、あとから追加した画像や表、埋め込んだ地図などの幅が固定されていると、そこだけはみ出します。
- 作成ツールの設定：WordPressなどでは、デザインの元になる「テーマ」がスマホ対応しているかどうかで見え方が決まります。ホームページ作成サービスでは、スマホ表示を別に調整する画面があることもあります。
- 見えないところの影響：スマホ対応していないサイトは、Googleの検索でも不利になることがあると言われています。見た目だけでなく、見つけてもらいやすさにも関わります。
まず自分で試せること
- 自分のスマホで、トップページだけでなく、会社概要・サービス紹介・お問い合わせなど主要なページを順番に開き、崩れている場所をスクショで残す
- パソコンのブラウザで自社サイトを開き、ウィンドウの幅を細くしてみる。表示が縦に並び替われば一応スマホ対応の作り、縮むだけなら非対応の可能性が高いです
- サイトをどのツールやサービスで作ったか確認する。サーバーやドメインの契約書類、制作会社からの納品書、管理画面のログイン情報が手がかりになります
- WordPressで作っている場合、管理画面の「外観」→「テーマ」で、使っているテーマ名を控える。テーマがスマホ対応しているかで、直し方が変わります
- 管理画面にログインできない、作った業者が分からない場合は、無理にログイン情報を作り直さず、契約しているサーバーやドメインの会社を確認してから相談する
自分で直そうとすると止まりやすいところ
スマホ対応の直し方は、サイトの作り方によって全く違います。ネット記事やChatGPTに聞くと、HTMLやCSS（ページの見た目を決めるコード）の書き換え方が出てきますが、それはあなたのサイトの作りを見ていない一般論です。どのファイルのどこに書けばいいのかが分からない、書き換えたら他のページまで崩れた、ということがよく起きます。
また、古いサイトを部分的に直し続けるより、スマホ対応のテーマやサービスで作り直したほうが、結果的に手間も費用も少なく済む場合もあります。直すか作り直すかの判断を先にしておくと、遠回りせずに済みます。
それでも解決しないときは、送るだけ
- 送る：ホームページのURLと、スマホで崩れている画面のスクショをチャットで送信。分かればサイトを作ったツールや業者名、管理画面に入れるかどうかも教えてください
- 任せる：担当スタッフがサイトの作りを確認し、崩れの原因と、部分修正で済むか作り直しがよいかを判断してお伝えします
- 解決：自分で直せる部分は手順をご案内。修正や作り直しを任せたい場合は、おまかせプランで進め方と見積もりをご提案します
よくあるケース
例えば「トップページはスマホで見られるのに、料金表のページだけ横にはみ出す」という相談がよくあります。確認すると、サイトのテーマ自体はスマホ対応しているものの、あとから貼り付けた料金表の幅が固定されていることが原因です。表をスマホでは横にスクロールできる形にするか、縦に並ぶ形に作り直すと、どの画面でも読みやすくなります。
料金
崩れている原因の確認、直すか作り直すかの判断、自分でできる修正の案内までは相談プランの範囲です。ページの修正作業、スマホ対応のテーマへの切り替え、ホームページの作り直しはおまかせプラン（要相談）で承ります。
相談プランは月額5,000円（税込5,500円）、初月は無料です。
料金プランを見るよくある質問
- 作った業者と連絡が取れなくても直せますか？
- サーバーやドメインの契約と、管理画面に入れるかどうかを確認できれば、多くの場合は直せます。確認する順番からお手伝いします。
- 作り直すと費用はどれくらいかかりますか？
- ページ数や機能によって変わるため、サイトを確認したうえで個別にご提案します。
- スマホ対応したら、検索で上に出るようになりますか？
- 検索順位はさまざまな要素で決まるため、お約束はできません。スマホで見やすくすることは、見つけてもらうための土台の一つです。
- 自分でページを更新すると、スマホで崩れてしまいます
- 画像の大きさや表の入れ方で崩れることが多いです。更新するときに気を付ける点をお伝えします。月額定額なので、また崩れたときも何度でもご相談ください。