JOURNAL / Web・情報発信
スマホ対応はホームページ制作には必須?スマホ対応の確認方法も解説
公開当時の記録です。記事中の情報や制作内容は、現在の提供範囲・料金・成果を保証するものではありません。現在のご相談はお問い合わせページからお寄せください。
2021年執筆・2022年更新当時の画像と統計を残した過去記事です。Googleのモバイルフレンドリーテストは提供を終了しています。終了したツールの操作例と、現在行える表示確認を区別してご覧ください。

ホームページを作るなら、「スマホ対応」が大切ってよく聞くけど、本当に必要なのかな?
ポレマウェブ 平スマホ対応をさせていないホームページには、色々とデメリットがあります。今回はホームページをスマホ対応させることの必要性について説明しますね。
スマホ対応ってなに?

スマホ対応とは、ホームページ制作の際にパソコン用の画面だけでなくスマホ用の画面にも適したホームページを制作することをいいます。
昔はパソコン画面のみに対応したホームページでも問題ありませんでしたが、現在ではホームページ制作をする上でスマホ対応は必須になってきています。
その理由としては、スマホの普及が大きく進んでいることが挙げられます。
下の画像は執筆当時に参照した総務省の統計です。現在の普及状況を示すものではありません。

(出典) 総務省 令和2年 情報通信白書
元記事では、この図をもとに世帯のスマートフォン保有割合を86.8%と紹介していました。元記事で引用した当時の統計として残し、現在の数値としては扱いません。
スマホはいつでも簡単にインターネットにアクセスできるので、今ではパソコンよりもスマホでホームページを見る人の方が多くなっています。このようなことからホームページをスマホ対応にする必要性も高まってきているんですね。
確かに調べものするときとかもパソコン開くよりもスマホでやることの方が多いなぁ。
スマホ対応していないと何が困る?

スマホの利用者が増えているため、ホームページのスマホ対応の必要性が高まってきているということは説明しましたが、では実際にスマホ対応をしていないと、どのような問題があるのかについて見ていきましょう。
スマホ対応していないホームページの問題としては、下の2つが挙げられます。
- 画面が読みづらいため、訪問者がホームページからすぐ離れていってしまう
- スマホ未対応だとホームページの検索順位に悪影響が出る可能性がある
画面が読みづらいため、訪問者がホームページからすぐ離れていってしまう
スマホ対応がされていないホームページはパソコンのときの表示画面がそのままスマホの小さな画面に表示されます。
パソコンの表示画面をスマホの画面でそのまま見ることになると、ホームページの文字やボタンが小さくなるため見えづらくなります。またスマホ画面を拡大して見なくてはならないなどの手間も発生します。
これはスマホからホームページを見ることに対してとても大きなストレスになるので、せっかくホームページを検索して訪ねてきてくれた人が別のホームページへと離れていってしまう原因になります。
スマホからホームページのコンテンツをちゃんと見てもらうためにも、スマホ画面でも見やすく表示させてあげることが大切なのです。
スマホ未対応だとホームページの検索順位に悪影響が出る可能性がある
スマートフォンでの読みやすさは利用者にとって大切ですが、それだけでGoogleの検索順位が決まるわけではありません。
検索での表示には複数の要因があり、スマホ対応の有無だけで順位の上下を断定することはできません。
検索順位の保証ではなく、訪れた人が読みやすく操作しやすいように、スマートフォンでの表示を確認しましょう。
検索順位だけでなく、実際に見る人にとって使いやすいかを確認することが大切なんですね。
スマホ対応ができているかどうか確認するには?

Googleのモバイルフレンドリーテストは提供を終了しており、現在は利用できません。表示は実際のスマートフォンやブラウザーの画面幅を変えて確認してください。
以下は執筆当時の操作例です。画像は記録として残していますが、現在実行できる手順ではありません。
① 当時のモバイルフレンドリーテストの入口
ツールの終了については、Googleの公式告知をご確認ください。
② スマホ対応かどうか確認したいホームページのURLを入力する
当時は確認したいホームページのURLを入力し、「URLをテスト」をクリックしていました。

③ 結果を確認する
当時、問題が検出されなかった場合は下のように表示されました。

当時、問題が検出された場合は下のように表示され、指摘された部分を確認していました。

ポレマウェブ 平現在は実際の端末やブラウザーで、文字の読みやすさ、ボタン操作、横へのはみ出しなどを確認してみてください。
まとめ
ここまでホームページのスマホ対応の必要性について説明してきました。
内容をまとめると、
- 今やスマホはほとんどの人が使用している
- ホームページを多くの人に見てもらうにはスマホでの見やすさは大切
- スマホ対応だけで検索順位は決まらないため、利用者にとっての見やすさを確認する
以上のことからホームページをスマホ対応させる必要性は高いということがわかっていただけたかと思います。
ぜひホームページのことで気になることがありましたらお気軽にご相談ください!
NEXT STEP
自分の事業に当てはめて、
次の進め方を考える
現在はWebサイトの制作・改善と、情報発信の整理・改善をご相談いただけます。記事で扱う方法すべてを受託するものではなく、具体的な対応可否・費用・進め方は、内容を確認して個別にご案内します。
自分で進めるなら
公式の案内と契約条件を確認し、必要な作業と続けられる時間を整理してみてください。
相談先を選ぶなら
制度の条件は公的窓口へ。資格・登録や専門的な実装・継続保守が必要なら、対応する専門家・他社も候補です。
ポレマウェブへの相談が合うのは
課題と依頼範囲を整理したうえで、対応できる作業と条件を相談しながら決めたい場合です。
相談前に「困っている業務・今の方法・予算の目安・希望時期・自分で担当できること」を、分かる範囲でまとめておくと話を進めやすくなります。