スマホで見にくいサイトのよくある原因

2026/11/06

今日はスマホの話です

サイトを作る時は

パソコンの画面で作って

パソコンの画面で

確認することが多いです

でも見に来る人は

スマホのことが

かなりあります

お店のサイトだと

スマホのほうが多い

というのも

珍しくありません

まずは自分のスマホで

自分のサイトを

開いてみてください

パソコンで見慣れた

サイトでも

スマホだと

別物に見えることが

あります

見にくい時の原因は

だいたい決まっていて

よくあるものが

4つあります

1つ目

文字が小さい

指で広げないと

読めないサイトは

パソコンの画面を

そのまま縮めて

出していることが

多いです

スマホ用の幅で出す

という指定が

入っていない状態です

この指定は1行です

ただ足しただけだと

今度は

レイアウトが崩れる

こともあります

スマホの幅に合わせて

組み直す必要があるか

ここで分かれます

文字の大きさは

本文で16pxくらいが

目安です

2つ目

横にはみ出す

指で触ると

画面ごと左右に

ずれるサイトは

どこかが

はみ出しています

犯人になりやすいのは

料金表などの表と

幅を決めた画像です

表は列が多いと

スマホの幅に

入りません

直し方は2つです

・表だけ横に動かせる

　枠の中に入れる

・スマホの時は

　縦に並べ替える

料金表のように

見比べてほしい物は

縦に並べたほうが

読まれやすいです

3つ目

ボタンが押しにくい

パソコンは

マウスの先で押せます

スマホは指です

小さいボタンや

くっついて並んだ

リンクは

隣を押してしまいます

ボタンの大きさは

1辺1センチ弱が

目安です

ボタンどうしの間も

少し空けます

お問い合わせや

予約のボタンは

探さなくても

見つかる所に置きます

4つ目

写真が重い

カメラで撮った写真を

そのまま載せると

1枚で数MBに

なることがあります

パソコンの回線だと

気づきませんが

外でスマホから見ると

待たされます

開くのが遅いサイトは

読まれる前に

閉じられます

表示する大きさに

縮めてから載せるだけで

かなり軽くなります

確認する時の

コツもあります

・iPhoneとAndroidの

　両方で見る

・お店のWi-Fiを切って

　外の回線で見る

・お問い合わせまで

　指で進んでみる

できれば家族や知人に

渡してみて

何も言わずに

見てもらいます

どこで止まるかが

分かります

全部を作り直さなくても

直せることは多いです

順番としては

お客さんが

いちばん見るページから

手を付けます

ココナラでは

ホームページの修正も

受けています

スマホで見にくい所も

ページのアドレスと

気になる所を

教えていただければ

見ていきます

次回は

また別の話を書きます