無料で相談
MENU できるまで料金・プラン制作例飲食店のホームページ美容室・ネイルサロンのホームページ歯医者のホームページよくある質問お役立ち お申し込みお問い合わせ・無料相談ヒアリングシート 運営について運営会社特定商取引法に基づく表記利用規約プライバシーポリシー 無料で相談する

トップ / お役立ち / 作り方・準備 / ホームページのスマホ対応の確認方法 お店の人が道具なしで見る10項目

COLUMN

ホームページのスマホ対応の確認方法 お店の人が道具なしで見る10項目

作り方・準備

スマホ対応かどうかは、自分のスマホでお店のサイトを開き、拡大しなくても読めるかでほぼ見当がつきます。この記事では、特別な道具を使わずにお店の人が確かめられる項目と、だめだったときの次の一歩をまとめました。

この記事は「作り方・準備」のまとめの一部ですホームページの作り方・準備のまとめを見る
→
この記事のポイント

スマホ対応とは、スマホの画面の幅に合わせて文字や写真が並びかわることです。確かめるのはスマホ1台で足ります。電話・地図・メニューがスマホで使えるかを、お客さんの目線で見ていきます。

01スマホ対応とはどういう状態か

パソコン用に作られたページをスマホで開くと、全体が小さく縮んで表示されます。指で広げないと読めません。スマホ対応のページは、画面の幅に合わせて1列に並びなおすので、そのまま読めます。

スマホ対応している
文字拡大せず読める
横の動きなし
ボタン指で押しやすい

お客さんがそのまま電話や予約に進めます。

スマホ対応していない
文字広げないと読めない
横の動き左右に動かす
ボタン小さくて押しにくい

読む前に閉じられてしまうことがあります。

この並びかえのしくみを、制作会社は「レスポンシブ」と呼びます。見積もりや説明でこの言葉が出たら、スマホ対応のことです。

02Googleはスマホで見たページを基準にしている

Googleは、スマホ向けに読みこんだページをもとに、検索の登録と順位づけをしています。これを「モバイルファーストインデックス」と呼びます。スマホで見えない内容は、検索でも伝わりにくいと考えておきましょう。

内容をそろえるパソコンと同じ情報をスマホでも載せる
写真もそろえるスマホだけ写真が消える作りにしない
大きな広告を避ける画面の大半をふさぐ表示は使わない
タイトルも同じページの題名と説明文をそろえる

出典はGoogle検索セントラルの「モバイルファースト インデックスに関するおすすめの方法」です(2026年10月26日に確認)。内容は変わることがあります。

03スマホで開いて確かめる10項目

いつも使っているスマホで、お店の名前を検索してサイトを開きます。お客さんになったつもりで、上から順に押してみるのがコツです。

1つでも引っかかったら、そこがお客さんの離れる場所かもしれません。メモしておくと、直してもらうときにそのまま伝えられます。

04ほかの人のスマホでも見てもらう

自分のスマホでは問題がなくても、画面の大きさや種類がちがうと崩れることがあります。iPhoneとAndroidの両方で見ておくと安心です。

  1. 家族やスタッフに頼む「お店の名前で検索して、電話をかけるところまでやってみて」と頼みます
  2. つまずいた所を聞くどこで迷ったか、読みにくかった所を一言ずつ聞きます
  3. 文字の大きさを変えて見るスマホの設定で文字を大きくしている人もいるので、大きめの文字でも崩れないかを見ます

05パソコンでスマホの見え方を確かめる方法

パソコンしか手元にないときは、ブラウザの画面を細くして見る方法があります。ウィンドウの右の端をマウスで左へ引っぱって細くし、並びかわるかを見ます。

やり方見えること

ウィンドウの端を左へ寄せて細くする1列に並びかわればスマホ対応
細くしても小さく縮むだけスマホ対応していない見込み
Chromeの開発ツールで機種を選ぶ機種ごとの見え方(作る人向け)

開発ツールは少しむずかしい操作です。お店の人は、スマホで実際に見るやり方だけで十分に見当がつきます。

06業種ごとに特に見ておきたい所

お客さんがスマホで探すものは、業種でちがいます。いちばん押されるボタンがスマホで使えるかを重点的に見ましょう。

飲食店メニューと料金・席の予約・地図
美容室メニューと料金・ネット予約・スタッフ紹介
歯医者診療時間・休診日・電話・初めての方へ
小さな会社電話・問い合わせフォーム・会社の場所

飲食店や美容室で予約サイトを使っているなら、予約のボタンからそのページにきちんと進めるかも見ておきます。メニューを写真やPDFだけで載せていると、スマホでは小さくて読めないことがあります。その場合は、品名と料金を文字で打ちなおしてもらうよう作った会社に頼みます。

ホットペッパーや食べログのページは、それぞれのサービスがスマホ向けに作っています。気にするのは、ホームページの予約ボタンからそのページへ迷わず進めるかどうかです。

07対応していなかったときの直し方

スマホ対応していないときの直し方は、作り方によってちがいます。まずは作った会社に、確かめた項目のメモを見せて相談するのが近道です。

今のサイト次の一歩

制作会社に作ってもらった作った会社に「スマホで見ると文字が小さいので直せますか」と聞く
作った会社がわからない契約書や請求書に書いてある会社名を探す。知り合いに頼んだなら、その人に聞く
自分で作った使っている作成ツールのひな形を、スマホ対応のものに替える
10年ほど前のまま直すより作り直しのほうが早いこともある

古い作りのサイトは、部分的に直すだけでは崩れが残ることがあります。直す費用と作り直す費用の両方を見積もってもらい、くらべてから決めましょう。見積もりでは「どのページを直すか」「何日かかるか」「あとの修正は別料金か」を聞いておくと比べやすくなります。

作り方・準備ホームページを作り直すタイミング→ 運用・更新ホームページの表示が遅いときの直し方→

08よくある質問

検索に出なくなるのかを気にする方が多いので、そこから答えます。

Qスマホ対応していないと検索に出なくなる?
A

検索から消えるわけではありません。ただ、Googleはスマホで見たページを基準にしているので、スマホで読めない内容は伝わりにくくなります。読みにくいと、お客さんが閉じてしまうことも考えられます。

Qスマホ用のページを別に作る必要がある?
A

今は、1つのページが画面の幅に合わせて並びかわる作りがふつうです。スマホ用とパソコン用を別々に作ると、営業時間を1つ変えるにも2か所を直すことになります。

Qアプリを作ったほうがいい?
A

お店の情報を見てもらうだけなら、スマホで読みやすいホームページがあれば足ります。アプリはお客さんにインストールしてもらう手間がかかります。

09今日からできること

スマホで開くお店の名前で検索して開く
10項目を見る押して、読んで、引っかかりをメモ
人に頼むほかの機種でも見てもらう
メモを渡す作った会社に見せて相談する

今日のうちに、自分のスマホでお店のサイトを開いて、電話のボタンを押してみてください。電話のボタン1つでも、お客さんの目線で押してみると直す所が見えてきます。

まるっとホームページは、スマホで読みやすい作りを最初から用意している月額制のホームページです。初期費用0円で、ベーシックは月8,980円(5ページ・1年で107,760円)、ワイドは月15,980円(20ページ・1年で191,760円)です。どちらも税別で、最低6か月からの契約です。解約やドメインの決まりは料金のページにまとめています。

料金料金・プランと解約の決まり→ 業種別飲食店のホームページ制作→
まずは無料で相談してみませんか

初期費用0円・月額8,980円から。
話すだけで、最短2〜3日で公開します。

無料で相談する →料金を見る
この記事を書いた人まるっとホームページ編集部

運営 株式会社Glip。2021年から6年間、小さなお店から大きな会社まで、マーケティングとホームページ制作を手がけてきたノウハウで、わかりやすくお伝えします。

「作り方・準備」のほかの記事

作り方・準備ドメインとは?お店の人向けにわかりやすく 決め方と費用と注意点→作り方・準備ホームページを自分で作るのは難しい?お店の人がつまずく所と続けるコツ→作り方・準備ホームページの写真はスマホで撮れる?お店で使える撮り方のコツ→

あわせて読みたい

運用・更新ホームページの表示速度が遅いと何が困る?影響と原因と直し方→運用・更新ホームページの作り直しのタイミングは?古いサイトの7つのサイン→運用・更新ホームページの営業時間を変更するときにそろえる場所とお知らせ例文→
この記事は「作り方・準備」のまとめの一部ですホームページの作り方・準備のまとめを見る
→