ホームページのスマホ対応はどう確かめる？1,061サイト調査の『表示指定なし11.6%』と確認手順

ホームページはスマホでどれくらい見られている？端末別のインターネット利用率

総務省の「通信利用動向調査」は、個人がどの機器でインターネットを使ったかを毎年調べています。令和7年調査（2025年8月末時点、6歳以上の個人42,214人）では、スマートフォンでインターネットを利用した人は74.3%、パソコンは45.6%でした（出典：総務省『令和7年通信利用動向調査の結果』（2026年））。スマートフォンは2021年（令和3年調査）の68.5%から増え、パソコンは48.1%から減っています。

年齢別に見ると、スマートフォンは20〜59歳の各年齢層で約9割、60〜69歳でも80.9%が利用しています。パソコンは最も高い30〜39歳でも59.1%で、すべての年齢層でスマートフォンを下回ります。

出典：総務省『令和7年通信利用動向調査の結果』（2026年）「年齢階層別インターネット利用機器の状況」。各年齢層の人のうち、その機器でインターネットを利用した人の割合

お店や会社を探す世代の大半は、まずスマホで見ています。パソコンの画面でしか確かめていないホームページは、多くの人が実際に見ている姿と違っている可能性があります。

モバイルファーストインデックスとは？Googleはスマホ版のページで評価する

Google は「Google のインデックス登録とランキングでは、スマートフォン エージェントでクロールしたモバイル版のサイト コンテンツを使用します。これをモバイルファースト インデックスと呼びます」と説明しています（出典：Google 検索セントラル『モバイルファースト インデックスに関するおすすめの方法』、2026年2月更新）。検索で評価されるのは、スマホで見たときのページの中身です。

同じページで Google は、モバイル版のページを用意することは検索結果に表示させるための要件ではないものの「非常に強く推奨されています」としています。スマホ対応の作り方には3つの方法があり、その中で「実装と維持が最も簡単なデザイン パターンとしてレスポンシブ ウェブ デザインをおすすめしています」と書かれています。

出典：Google 検索セントラル『モバイルファースト インデックスに関するおすすめの方法』（2026年10月確認）

スマホ版で気をつけたいのは、中身を減らさないことです。Google は、モバイル版のコンテンツがパソコン版より少ないとトラフィックの減少が予想されるとし、文章を削るのではなくアコーディオンやタブに移すよう勧めています。ページの題（title）、説明文（meta description）、構造化データ、画像の代替テキストも、スマホ版とパソコン版で同じにします。

スマホ対応はどう確かめる？5分でできる5つの確認手順

次の5つを順に行うと、スマホで見たときの問題をひととおり見つけられます。確かめるページは、トップページ・料金のページ・問い合わせのページの3つから始めるのが効率的です。

1. 自分のスマホで開く：拡大しなくても文字が読めるか、横にはみ出して左右にスクロールしないか、ボタンが指で押しやすい大きさかを見ます。iPhoneとAndroidの両方が手元にあれば両方で確かめます。
2. パソコンのChromeでスマホの幅を再現する：Chrome でページを開き、デベロッパー ツールを開きます（Windowsは F12、Macは ⌘+option+I）。［デバイス ツールバーの切り替え］を押すと、スマホの幅で表示でき、幅のプリセットから「モバイル（S）」「モバイル（M）」「モバイル（L）」なども選べます。
3. PageSpeed Insights で測る：https://pagespeed.web.dev/ にURLを入れ、［モバイル］の結果を見ます。実際の利用者のデータ（過去28日間）が出る場合は、下の表の基準で「良好」かどうかを確かめます。
4. viewport の指定を探す：ページのソースを表示（Windowsは Ctrl+U、Macは ⌘+option+U）し、ページ内検索で「viewport」と入れて、<meta name="viewport" content="width=device-width, initial-scale=1"> のような1行があるかを確かめます。
5. 電話とフォームを実際に使う：電話番号をタップして発信の画面が出るか、フォームが入力しやすく、送信まで進めるかを試します。

出典：Google for Developers『PageSpeed Insights について』、Chrome for Developers『Device Mode でモバイル デバイスをシミュレートする』（2026年10月確認）

PageSpeed Insights は、指標ごとに75パーセンタイル（利用者の4人に3人がその値以内に収まる値）で判定します。アクセスが少ないページや公開したばかりのページでは、実際の利用者のデータが足りずに表示されないことがあり、その場合は同じ画面に出る診断（ラボデータ）の値を目安にします。

なお、以前の Search Console にあった「モバイル ユーザビリティ」レポートのヘルプページは、2026年10月時点で Lighthouse の案内ページに転送されます。スマホ対応は、上の手順のように実機と PageSpeed Insights（Lighthouse）で確かめるのが確実です。

1,061サイト調査で見えたスマホ対応の抜けは？

暖簾AIは2026年10月、ある事業者団体の公開名簿に載る遺品整理・片付けなどの事業者のサイト1,061件を調べ、トップページを取得できた863件を集計しました。スマホ表示の指定（viewport）があったのは763件（88.4%）で、100件（11.6%）にはありませんでした。viewport の指定が無いページは、スマホでもパソコン用の幅のまま縮小して表示されるため、文字が小さく、拡大しないと読めません。

出典：暖簾AI調べ（2026年10月、中小事業者のサイト863件）

目立つのは電話のリンクです。スマホで見る人にとって、電話番号を押してそのまま発信できるかどうかは、問い合わせのしやすさに直結します。tel: のリンクがあったのは63.4%で、残りのサイトでは番号を覚えて打ち直すか、コピーして貼り付ける手間がかかります。

トップページのHTMLが返ってくるまでの時間（中央値0.49秒）は、834件（96.6%）が3秒未満でした。ただしこれはHTMLの取得だけの時間で、画像や部品の読み込みを含む実際の表示時間はこれより長くなります。表示の速さは PageSpeed Insights で別に確かめてください。

※1つの業種の事業者団体の名簿から抽出したため、全業種の平均とは異なる可能性があります。判定はトップページのみ・機械的なもので、下層ページの設定は含みません。

スマホで見づらいページはどこから直す？症状別の直し方と順番

確認で見つかった問題は、次の表を目安に直します。

出典：押せる範囲と間隔は web.dev『タップ ターゲットのユーザー補助機能』（Google、2026年10月確認）

web.dev は、押せる範囲（タップ ターゲット）の推奨の最小サイズを約48デバイス非依存ピクセルとし、「48×48 ピクセルは実寸で一辺 9 ミリ程度」と説明しています。間隔は縦横とも8ピクセル程度空け、隣のボタンを誤って押さないようにすることを勧めています。

直す順番は「読める、押せる、速い」です。まず viewport と横のはみ出しを直して読める状態にし、次に電話とボタン、最後に速さに取りかかります。速さの測り方はホームページの表示速度の目安は？スマホで遅い原因と改善の順番、電話リンクやフォームの置き方は問い合わせを増やす方法で詳しく扱っています。

古いサイトは作り直すべき？スマホ対応の直し方を選ぶ目安

viewport の無い古い作りのサイトは、1行を足すだけでは直らないことがあります。パソコンの幅に合わせて位置を固定したレイアウトだと、viewport を入れたとたんに表示が崩れるためです。作りに応じて、次のように選びます。

• WordPress などで作られていて、テーマを変えられる：スマホ対応のテーマに切り替えます。Google も、Wix や Blogger などのCMSを使っている場合は、モバイル フレンドリーなテーマを探すよう案内しています。
• 表や画像の位置を固定して組んである：ページ数が少なければ、レスポンシブで作り直したほうが早く済むことが多くなります。
• スマホ用に別のURL（m.〜）がある：中身・title・構造化データがパソコン版と同じか確かめ、可能ならレスポンシブに一本化します。
• 一部のページだけ崩れる：崩れているページの画像や表の幅を直すだけで済むことがあります。

作り直すかどうか迷う場合はリニューアル時期の目安も参考にしてください。今のサイトの状態をまとめて知りたい場合は、暖簾AIの無料診断にURLを入れると、検索とAI検索に関わる基本設定を確かめられます。