# 「スマホで見たらどうなるの?」ホームページ制作で知っておきたいスマホ対応の基本

# 「スマホで見たらどうなるの?」ホームページ制作で知っておきたいスマホ対応の基本

記事
コラム
ホームページを作ろうと考えたとき、「パソコンで見たときは綺麗だけど、スマホだと崩れたりしないかな…」と心配になったことはありませんか? 実は、いまはスマートフォンでホームページを見る方がとても多く、スマホでの見やすさは「あると嬉しい」ではなく「ほぼ必須」の項目になっています。この記事では、専門用語をできるだけ使わずに、依頼する前に知っておきたいスマホ対応のポイントをご紹介します。

01.png

## 「スマホ対応」ってそもそも何をすること?

スマホ対応とは、スマートフォンの小さな画面でも、文字が読みやすく、ボタンが押しやすいように表示を整えることです。制作の現場では「レスポンシブデザイン」と呼ばれることもあります。難しく聞こえますが、イメージとしては「見る人の画面の大きさに合わせて、レイアウトが自動で切り替わる仕組み」だと思ってください。

パソコンでは横に2列、3列と並んでいる内容が、スマホでは縦に1列で並ぶ。文字の大きさやボタンの大きさもスマホ向けに調整される。こうした工夫が入っているかどうかで、見てくれる方の「読みやすさ」が大きく変わります。

## なぜスマホ対応が大切なのか

お店や会社の名前を聞いたあと、まずスマホで検索して調べる、という方は多いのではないでしょうか。移動中や空き時間に、片手でさっと確認する場面を思い浮かべるとイメージしやすいと思います。業種によって差はありますが、パソコンよりスマホで見られることのほうが多いホームページも珍しくありません。

02.png


もしスマホで文字が小さすぎたり、ボタンが押しにくかったりすると、せっかく興味を持ってくれた方が途中で離れてしまうかもしれません。さらに、Googleなどの検索サービスもスマホでの見やすさを重視していると言われているため、検索で見つけてもらいやすくするという面でも大切なポイントです。

## 依頼するときに確認しておきたいこと

初めての発注では、次のような点を最初に聞いておくと安心です。

・スマホ対応は料金に含まれているか(別料金になるケースもあります)
・どんなスマホ画面で確認してもらえるのか(実際の端末か、パソコン上での確認か)
・スマホ用に写真の見せ方や文章の長さを調整してもらえるか

「スマホ対応は当然入っているはず」と思い込まず、見積もりの段階で一言確認しておくと、あとからの行き違いを防げます。

## 完成後は、ご自身のスマホで確かめてみましょう

制作が進んだら、ぜひご自身のスマホでも確認してみてください。難しい知識は不要で、「読みやすいか」「押しやすいか」を普通のユーザーとして見るだけで十分です。気になる点は遠慮なく伝えて大丈夫です。

03.png

## まとめ

スマホ対応は、特別なオプションというより、いまのホームページ制作では基本の考え方です。「料金に含まれているか」を最初に確認し、完成したらご自身のスマホで見てみる。この2つを意識するだけで、失敗の不安はぐっと減らせます。分からないことは、ぜひ制作者に気軽に質問してみてくださいね。

私自身もホームページ・LP制作のご相談をココナラでお受けしており、スマホでの見やすさも含めてていねいにご提案しています。気になった方は、お気軽にプロフィールをご覧いただければ嬉しいです。

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す