スマホでホームページをもっと見やすくする5つの方法
スマホでのホームページ閲覧の問題点を解説。パソコン用の表示や外観、ページの表示速度、メニューや問い合わせの操作の不便さ、画像や表の見にくさなどを改善する方法をご紹介します。
目次
スマホが普及して10年以上はたちます。
2023年現在、お客様のアクセス解析をチェックしていると、スマホで見られている割合は以下のようになります。
- 施術院：６割ほど
- 士業事務所：４～５割ほど
大ざっぱに言えば「アクセスの半分くらいはスマホで見ている方」です。
しかし、あちこちのホームページを見ていると、いくつか気になる事があるので紹介いたします。
1.パソコン用ホームページがそのまま表示
スマホが出回りだした頃は
「ガラケーと違ってパソコン用ホームページが見られて便利だ！」
と思えましたが、今やスマホで見やすいホームページがどこにでもあるご時世です。
「どうしてもここのホームページでないと駄目なんだ」
という特別な事情がない限り、
「字が小さいな。見にくいから他を見よう」
と、画面を閉じられても仕方ありません。
2.PCホームページと全く違う素っ気ない外観
WPtouchなどWordPressのスマホ対応用プラグインを導入すると、パソコン用のホームページも簡単にスマホ対応ができます。
EC CUBEなどの通販サイト用CMSでも、スマホでアクセスするとスマホ用ページを表示させてくれます。
ただし、これらの機能は「手っ取り早くスマホ対応ができる」というメリットの反面、見た目が非常に素っ気なくなるデメリットがあります。
この場合も、そのままにしておくと
「興味をそそられないし、他を見よう」
で画面を閉じられやすくなります。
3.ページの表示が遅い
室内で光ファイバー回線につないでいる事が多いパソコンと違って、スマホは屋外で電話回線に無線でつないでネットにアクセスする場合が多いです。
そのため、同じページを開いても、スマホでの読込速度はパソコンより遅くなりがちです。
ページが表示されるのに３秒以上かかると、待つことなくページを閉じてしまう人が激増するというデータがあります。
表示速度が早いに越したことはありません。
「自分のページの読込速度が早いのか遅いのかピンと来ない」という方は、Googleの PageSpeed Insights で測定できるのでご確認ください。
https://developers.google.com/speed/pagespeed/insights/?hl=J...赤信号が出ている箇所は、改善が絶対に必要です。
黄信号が出ている箇所も、改善した方が良いでしょう。
4.メニューの表示や問い合わせなどの操作が不便
お店のホームページを見ていれば、営業案内やスタッフ紹介、メニューなど「他の情報も知りたい」と思うことがあります。
また、「ここにしよう」と決めたときに、問い合わせや予約をすぐにしたくなることもあります。
その時に
「はて？ メニューはどこだ？」
「問い合わせはどこからすればいいんだ？」
と悩ませるのは良くありません。最悪
「面倒くさい。止めた」
となる恐れもあります。
お客様がメニューボタンや問い合わせ方法を探す必要がないように、ページの上または下に固定して表示させることをオススメします。
5.横長の表や文字数の多い画像が見にくい
たとえば、曜日ごとの営業時間を載せた表は横長になりがちです。
曜日 日曜日 月曜日 火曜日 水曜日 木曜日 金曜日 土曜日
と８つの項目が横に並ぶと、縦長のスマホ画面では表示しきれなかったり、妙に縦長に表示されたりしやすいです。
具体的にどんな風になるのか、説明ページを作りましたので、こちらをご覧ください。
また、文字数の多い画像は、パソコンでは問題なく読めても、スマホで見ると文字が小さくなってしまいます。
文章が色々載っている画像のサンプルを作りましたので、ご覧ください。
※スマホでは、パソコンで開いた時の３分の１くらいのサイズで表示されます。
簡単な対策としては
「スマホで見やすい表や画像を作り直す」
という方法があります。
１～５までスマホ用ホームページに見られる問題点を挙げてきました。
このうち、
- パソコン用ホームページがそのまま表示
- PCホームページと全く違う素っ気ない外観
この２つは、当会の「HPスマホ対応サービス」で対応できますのでご検討ください。
https://www.localnavi.biz/sp.html
- ページの表示が遅い
これを改善したい方は、「ホームページの表示高速化サービス」にお申込ください。
- メニューの表示や問い合わせなどの操作が不便
こちらは、当会の「スマホ用固定メニュー表示サービス」をご利用いただければ、
- 表示位置（上または下）
- ボタンの個数
- ボタンの種類
- ボタンの色やデザイン
などのご要望をできる限り承ります。
- 横長の表や文字数の多い画像が見にくい
これは、先に書いた「スマホで見やすい表や画像を載せる」のほかに、
- スマホで見たときだけ縦長になるように表を設定する
- パソコンとスマホとで違う画像を表示させる
などの手立てがあります。これらも当会で設定作業を承ることができます。
詳しくは下記ページをご覧ください。
上記の他にも何かご質問がございましたら、お問い合わせフォーム・LINE公式アカウントからご依頼ください。