スマホ用サイトは別に作るの？

パソコン用とスマホ用で、2つのホームページを作る必要はありません。

今は1つ作れば、画面の大きさに合わせて表示が切り替わる作り方が主流です。

これを「レスポンシブ対応（＝画面幅に応じて自動で形を変える仕組み）」と呼びます。

中身は1つ、形が変わる

イメージとしては、同じ服を着た人が姿勢を変えるようなものです。

中身の文章や写真は1つだけ用意します。

それをパソコンでは横に3つ並べ、スマホでは縦に3つ積み直す、という形です。

作るデータが1つなので、修正も1回で済みます。

昔はパソコン用とスマホ用を別々に作る方法もありました。

ただしその場合、直すたびに両方を触る手間がかかります。

今の制作では、よほどの理由がない限り1つにまとめるのが一般的です。

よくある確認もれ

見落としが多いのは、パソコンの画面だけで確認を終えてしまうことです。

パソコンでは美しく見えても、スマホでは文字が小さすぎることがあります。

完成前に、ご自身のスマホで一度は開いてみてください。

目安として、次の点を見ると判断しやすくなります。

・文字を拡大しなくても読めるか

・ボタンやメニューを指で押しやすいか

・横にスクロールしないと全部見えない場所がないか

・写真の人物や商品が切れていないか

・電話番号をタップすると発信できるか

とくに飲食店やサロンなど、その場で連絡が入りやすい業種では最後の項目が大事です。

スマホで見た人が、そのまま電話や予約に進めるかを確認しておくと安心です。

縦長になる前提で考える

スマホでは、横に並んだ要素が縦に積み直されます。

つまり、情報が多いほどページは縦に長くなります。

上から順に、何を先に見せるかが大切になります。

店名、何のお店か、場所、連絡先。

このあたりは上のほうに置くと、スクロールせずに伝わります。

逆に、会社の沿革や細かい説明は下のほうで問題ありません。

原稿を用意する段階から「上から読む順番」を意識すると、仕上がりが変わります。

まとめ

スマホ用サイトを別に作る必要は、基本的にありません。

1つ作って、画面に合わせて形が変わる仕組みにするのが今の標準です。

大事なのは、完成前に自分のスマホで見て、読めるか押せるかを確かめること。

このあたりは知らなくて当たり前の話ですので、気にしすぎなくて大丈夫です。

迷ったら、制作を依頼する前に質問だけしていただいても構いません。

▼ ホームページ制作のご相談はこちら

https://coconala.com/services/3635187