スマートフォン対応のホームページが必要な理由
自分のホームページを、パソコンでしか確かめていない。
そんな方も多いのではないでしょうか。
でも、ホームページを見る人の多くは、スマートフォンを使っています。
この記事では、ホームページのスマートフォン対応が必要な理由と、対応できているかを自分で確かめる方法を解説します。
1.スマホで見やすいことは前提
スマートフォン対応とは、スマートフォンの小さな画面でも、文字が読みやすく、ボタンが押しやすいように、ホームページを表示することです。画面の幅に合わせて、配置を自動で切り替える作り方を「レスポンシブデザイン」と呼びます。
お店を探すとき、会社を調べるとき、多くの人は手元のスマートフォンで検索します。スマートフォンで見づらいホームページは、それだけで見るのをやめられてしまうことがあります。
2.スマートフォン対応が必要な理由
見る人の多くがスマートフォンを使っている
外出先や、ちょっとした空き時間にホームページを見る人の多くは、スマートフォンを使っています。パソコンでしか見やすくないホームページは、その人たちにとって使いにくいものになってしまいます。
検索でも、スマートフォンでの見え方が使われている
Googleは、検索結果を決めるときに、主にスマートフォン向けに表示されるページの内容を使うと案内しています（モバイルファーストインデックス）。スマートフォンで内容が欠けていたり、見づらかったりすると、検索で正しく評価されにくくなるおそれがあります。
問い合わせや来店につながる
スマートフォンなら、電話番号を押してそのまま電話をかけたり、地図を開いて道順を調べたりできます。スマートフォンで使いやすいホームページは、問い合わせや来店の入口にもなります。
スマートフォンで見やすいことは、見てもらうため、見つけてもらうため、連絡してもらうために欠かせません。
3.自分でできる確認方法
自分のスマートフォンで開いてみる
いちばん確実なのは、自分のスマートフォンで実際に開いてみることです。次の点を確かめましょう。
- 文字が小さすぎず、拡大しなくても読めるか
- 横にはみ出して、左右に動いてしまう部分がないか
- ボタンやリンクが小さすぎず、押しやすいか
- 電話番号を押すと、電話をかけられるか
- お問い合わせフォームが入力しやすいか
- ページが開くまでに、時間がかかりすぎないか
よくある見づらさと、直し方の例
| 見づらさ | 考えられる原因と直し方 |
|---|---|
| パソコンの画面がそのまま縮んで表示される | スマートフォンに対応していない作り。作り直しを検討する |
| 横にはみ出す | 画像や表の幅が固定されている。幅を画面に合わせる |
| ボタンが押しにくい | ボタンが小さい、近すぎる。大きさと間隔を広げる |
| 表示が遅い | 画像が大きすぎる。画像を軽くする |
※パソコンのブラウザでも、開発者向けの機能を使うと、スマートフォンの画面の大きさで確かめられます。ただし、最後は実際のスマートフォンで確かめましょう。
4.よくある質問
スマートフォン用のホームページを、別に作る必要がありますか？
今は、1つのホームページを画面の幅に合わせて切り替える作り方（レスポンシブデザイン）が一般的です。別に作ると、更新の手間が2倍になることがあります。
古いホームページでも、スマートフォンに対応できますか？
作りによっては直せますが、大きく直す必要がある場合は、作り直した方が早く、費用も抑えられることがあります。
iPhoneとAndroidの両方で、確かめた方がよいですか？
できれば両方で確かめると安心です。表示がわずかに違うことがあります。
スマートフォンに対応すれば、検索の順位は上がりますか？
対応しただけで順位が上がるとはいえません。ただ、スマートフォンで見づらいと、評価されにくくなるおそれがあります。
5.まとめ
ホームページを見る人の多くはスマートフォンを使っていて、検索でもスマートフォンでの見え方が使われています。スマートフォンで見やすいことは、今のホームページの前提です。
- 文字の大きさ、はみ出し、ボタンの押しやすさを確かめる
- 電話番号やフォームが、スマートフォンで使いやすいか確かめる
- 見づらい場合は、直すか作り直すかを検討する
まずは今日、自分のホームページをスマートフォンで開いて、この記事の確認項目を見てみましょう。作り直しを考える場合は、リニューアルを検討するタイミングも参考になります。
スマートフォンでの表示の崩れや、見づらさで困っている場合は、浅草Web屋にご相談ください。