ホームページを新しく作成するとき、パソコンの大きな画面でデザインを確認して満足してしまうことがあります。しかし実際には、多くの訪問者はスマートフォンでホームページを見ています。この記事では、ホームページ作成においてモバイル対応(スマホでの見やすさへの対応)が重要な理由を解説します。
訪問者の多くはスマホから見ている
業種にもよりますが、店舗やサービス業のホームページでは、アクセスの半分以上、場合によっては8割前後がスマートフォンからということも珍しくありません。特に「近くのお店を探す」「営業時間を調べる」といった行動は、外出先のスマホで行われることがほとんどです。
つまり、パソコンでどれだけきれいに見えても、スマホで文字が小さくて読めない、ボタンが押しにくいという状態では、大半の訪問者にとって使いにくいホームページになってしまいます。
検索エンジンはスマホ版を基準に評価している
Googleは「モバイルファーストインデックス」という方針をとっています。これは、ホームページの内容を評価するとき、パソコン版ではなくスマホ版の表示を基準にする、という考え方です。
スマホで見たときに内容が欠けていたり、極端に読みにくかったりすると、検索結果での評価に不利に働く可能性があります。検索から人に来てもらいたいと考えるなら、モバイル対応は避けて通れない前提条件といえます。
スマホで見づらいと、問い合わせの前に離脱される
スマホでホームページを開いたとき、次のような状態だと訪問者はすぐに離れてしまいます。
- 文字が小さく、拡大しないと読めない
- 横スクロールしないと全体が見えない
- 電話番号を押しても発信できない
- 問い合わせフォームの入力欄が小さくて操作しづらい
特に電話番号は、スマホならタップするだけで発信できるように設定できます。この小さな配慮の有無が、問い合わせにつながるかどうかを左右します。せっかく興味を持ってもらえたのに、操作のしづらさで機会を逃すのはもったいないことです。
表示速度も、モバイル対応の大事な要素
見た目の調整と並んで重要なのが、ページが表示されるまでの速さです。スマホは外出先の電波状況で閲覧されることも多く、表示に時間がかかると、内容を読む前に離脱されてしまいます。読み込みに数秒かかるだけで、離脱率が大きく上がるという調査結果も知られています。
表示が遅くなる原因で最も多いのは、サイズの大きい画像をそのまま載せていることです。デジタルカメラで撮影した写真をそのまま使うのではなく、ホームページ用にサイズを縮小してから載せるだけでも、体感速度は大きく変わります。表示速度は検索エンジンの評価項目のひとつでもあるため、モバイル対応とあわせて意識しておきたいポイントです。
よくある誤解「スマホでも一応表示される」は対応ではない
「うちのホームページはスマホでも表示されるから大丈夫」と思われている方もいますが、注意が必要です。パソコン用の画面がそのまま縮小されて表示されている状態は、モバイル対応とはいえません。
縮小表示では、文字を読むたびに指で拡大する必要があり、訪問者に大きな負担をかけます。「表示されるか」ではなく「拡大せずに読めて、指で操作しやすいか」が、モバイル対応の判断基準です。
モバイル対応の代表的な方法「レスポンシブデザイン」
現在の主流は「レスポンシブデザイン」という作り方です。これは、1つのホームページが画面の大きさに合わせて自動的にレイアウトを切り替える仕組みで、パソコン・タブレット・スマホのどれで見ても読みやすく表示されます。
パソコン用とスマホ用を別々に作る方法もありますが、更新の手間が2倍になるため、特別な理由がなければレスポンシブデザインを選ぶのが一般的です。制作を依頼する際は「レスポンシブ対応ですか」と確認しておくと安心です。
自社のホームページをスマホで確認してみる
すでにホームページをお持ちの場合は、まず自分のスマホで開いてみてください。確認するポイントは次のとおりです。
- 文字を拡大せずに読めるか
- ボタンやリンクが指で押しやすいか
- 電話番号をタップして発信できるか
- 問い合わせや予約までの操作が迷わずできるか
一つでも引っかかる点があれば、改善の余地があります。何年も前に作ったホームページの場合、当時はモバイル対応が一般的でなかったこともあるため、リニューアルを検討するきっかけにもなります。
まとめ
ホームページは「スマホで見られることが前提」の時代です。訪問者の多くがスマホを使い、検索エンジンもスマホ版を基準に評価している以上、モバイル対応はデザインの好みではなく、成果に直結する基本条件です。これから作成する方はレスポンシブ対応を前提に、すでにお持ちの方はまずスマホでの見え方の確認から始めてみてください。
