ホームページのスマホ対応を確認する方法｜表示速度もわかる3つのチェックと直し方
「パソコンで見ると問題ないのに、スマホで開くと文字が小さくて読みにくい」。ご自身のホームページを外出先で開いて、そう感じたことはないでしょうか。お客様の多くは、移動中や休憩中にスマホで会社やお店を調べています。
最初の数秒で読みづらい・重いと感じられると、内容を読む前に離れてしまいます。この記事では、ホームページのスマホ対応と表示速度を、専門知識がなくても確認できる方法と、直し方の順番を整理します。
- スマホ対応を確認する3つの方法（2026年9月時点）
- 実機で見るチェックリストと、合格の目安
- PageSpeed Insightsの数字の見方と、遅くなる原因
- 部分修正で済むか、作り直すかの判断の目安
目次
なぜスマホ対応を確認するのか｜Googleはスマホ版で評価する
Googleは、スマートフォンで読み込んだモバイル版のページの内容を使って、インデックス登録と順位付けを行うと公表しています。スマホで表示されない内容は、評価の対象にならないということです。
もちろん、スマホに対応すれば必ず上位に出るわけではありません。ただ、スマホで読みにくいサイトは、検索から来た人がすぐ戻ってしまい、問い合わせにつながりにくくなります。検索対策というより、来てくれた人を逃さない土台として整えるのが現実的です。
ホームページのスマホ対応を確認する3つの方法
スマホ対応を確認する順番
- STEP 1実機で見る問い合わせまで
- STEP 2速度を測るPageSpeed
- STEP 3原因を探す写真・動画など
- STEP 4直す1か所ずつ
| 確認方法 | 分かること | やり方 |
|---|---|---|
| 自分のスマホで見る | 文字の読みやすさ 押しやすさ 電話のかけやすさ |
トップから問い合わせ完了まで 実際にたどる |
| PageSpeed Insights | スマホとパソコンの表示速度 改善点 |
GoogleのPageSpeed Insightsに URLを入れて分析する |
| Chromeのデベロッパーツール | いろいろな画面幅での崩れ | デベロッパーツールを開く デバイスの切り替えボタンを押す |
以前よく紹介されていたGoogleの「モバイルフレンドリーテスト」と、サーチコンソールの「モバイル ユーザビリティ」レポートは、2023年12月に提供が終わっています。古い記事の手順どおりに探しても見つからないので、上の方法で確認してください。
Chromeのデベロッパーツールはスマホの見え方を再現するものですが、スマホで実際に動かしているわけではありません。最後は必ず実機で確かめます。
実機で見るスマホ対応チェックリスト
ご自身のスマホで、次の項目を上から順に確かめてください。1つでも当てはまれば、そこが優先して直す場所です。
| チェック項目 | 合格の目安 | よくあるNG |
|---|---|---|
| 本文の文字 | 拡大せずに読める | パソコン用の画面が縮小されている |
| 横のはみ出し | 横にスクロールしなくても全部見える | 表や画像が画面からはみ出す |
| 電話番号 | タップすると発信画面になる | 電話番号が画像で押せない |
| ボタン | 指で押しやすく、隣と間違えない | ボタンが小さく詰まっている |
| メニュー | 開いて、閉じられる | 開いたまま戻れない |
| 最初の画面 | 社名と何の会社かが分かる | 大きな写真だけで何の会社か分からない |
| 問い合わせフォーム | スマホで最後まで入力できる | 入力欄が小さい 項目が多すぎる |
どれも「デザインが古い」というより、スマホでの操作を想定していないことが原因です。
表示速度の確認方法｜PageSpeed Insightsの見方と遅い原因
PageSpeed InsightsにURLを入れると、スマホとパソコンそれぞれの結果が出ます。上には実際のユーザーの過去28日間のデータ、下にはテスト環境で測った点数と改善点が表示されます。まず見るのは次の3つの指標です。
| 指標 | 何を表すか | 良好の目安 |
|---|---|---|
| LCP | 一番大きな要素が 表示されるまでの時間 |
2.5秒以内 |
| INP | タップやクリックへの反応の速さ | 200ミリ秒未満 |
| CLS | 読み込み中に画面がずれる度合い | 0.1未満 |
テスト環境の点数は、90以上が良好、50〜89が改善が必要、49以下が不良とされています。数字が悪いときは、次の原因から疑います。
表示が遅くなる主な原因
- POINT 1写真が大きすぎる元データのまま載せている
- POINT 2トップの動画・スライド大きな画像を何枚も自動で切り替え
- POINT 3プラグインの入れすぎ使っていない機能が残っている
- POINT 4サーバーの性能不足安いプランのまま長年運用
とくに影響が大きいのが写真です。スマホで撮った写真は1枚で数MBになることもあり、そのまま並べるとページは一気に重くなります。載せる前に横幅を縮めるだけでも、体感はかなり変わります。
部分修正で済むか、作り直すかの目安
チェックで見つかった問題の多くは、写真の軽量化やボタンの配置変更など、部分的な修正で解消できます。一方で、次のような場合は作り直したほうが結果的に費用を抑えられることがあります。
- パソコン用の画面を縮小して見せている古い作り
- 更新のたびに制作会社への依頼が必要で、放置されている
- スマホの問題が複数のページにまたがっている
あわせて読みたいホームページのリニューアル時期・タイミングはいつ？作り直すべき7つのサイン部分修正か作り直しかを判断する7つのサイン2026.08.05
迷ったら、現状のサイトを見てもらい、修正で足りるのか作り直しが必要なのかを聞いてみましょう。チェックリストの結果を一緒に渡すと、話が早く進みます。
よくある質問
PageSpeed Insightsの点数が低いと、検索順位は下がりますか？
表示速度や操作のしやすさはGoogleが評価に使う要素の一つとされていますが、順位は内容や競合など多くの要素で決まります。点数だけで順位が決まるわけではないので、まずは来た人が困らない状態を目指しましょう。
スコアは何点を目指せばいいですか？
PageSpeed Insightsでは90以上が良好、50〜89が改善が必要とされています。ただ、測るたびに数点は変わります。点数よりも、LCPなどの指標が「良い」に入っているかを見るほうが実用的です。
スマホ専用のサイトを別に作る必要はありますか？
Googleは、画面の幅に合わせて表示が変わるレスポンシブウェブデザインを、実装と維持がもっとも簡単な方法としてすすめています。多くの場合、1つのサイトで対応するのが現実的です。
古いホームページを、スマホ対応だけ直すことはできますか？
作りによっては可能です。ただ、パソコン用の画面を縮小表示している古い作りの場合は、部分的に直すより作り直したほうが費用を抑えられることもあります。まずは現状を見てもらいましょう。
写真はどれくらい軽くすればいいですか？
表示される大きさに合わせて横幅を縮めるのが基本です。スマホで撮った元の写真をそのまま載せず、縮小したうえでWebPなどの軽い形式に変換すると、見た目を保ったまま軽くできます。
モバイルフレンドリーテストが見つかりません。
Googleのモバイルフレンドリーテストとサーチコンソールのモバイル ユーザビリティ レポートは、2023年12月に提供が終わっています。いまはPageSpeed InsightsやChromeのLighthouseで確認します。
スマホで見やすいホームページはWEB PREPAへ
スマホでの見え方や表示速度を含めて現在のサイトを確認し、どこから手をつけるべきかをお伝えします。制作費は買い切り88,000円から。まずは無料でデザイン案をご覧いただけます。