ホームページを見直すとき、まず確認したいのがスマートフォンでの見え方です。
パソコンでは問題なく見えていても、スマートフォンで見ると文字が小さい。
ボタンが押しにくい。
画像が大きすぎる。
表がはみ出している。
メニューが使いにくい。
問い合わせフォームが入力しづらい。
こうした状態になっていることがあります。
現在は、ホームページをスマートフォンで見る人が多くなっています。
そのため、パソコンで見たときの印象だけでなく、スマートフォンで見たときに読みやすいか、操作しやすいかを確認することが大切です。
この記事では、ホームページがスマートフォンで見づらいときに確認したいポイントをまとめます。
なお、昨日まで正常だったのに突然崩れた、という場合は原因の切り分け方が異なります。ホームページの表示が突然崩れたときに確認することを参考にしてください。
まず自分のスマートフォンで確認する
最初に行いたいのは、実際に自分のスマートフォンでホームページを見ることです。
管理画面やパソコンだけで確認していると、スマートフォンでの見づらさに気づきにくいことがあります。
確認するときは、次のような点を見ます。
- トップページの文字が読みやすいか
- メニューが開きやすいか
- ボタンが押しやすいか
- 画像がはみ出していないか
- 表や料金表が見づらくないか
- 問い合わせフォームが入力しやすいか
- 電話番号や問い合わせボタンが見つけやすいか
- ページの読み込みが遅すぎないか
特に、トップページ、サービスページ、料金ページ、問い合わせページは優先して確認したいページです。
ホームページは、見た人が迷わず必要な情報へ進めることが大切です。
スマートフォンで見たときに操作しにくい場合、問い合わせや申し込みの前に離れてしまう可能性があります。
文字が小さくて読みづらい場合
スマートフォンでよくある問題が、文字サイズです。
パソコンでは読みやすい文字でも、スマートフォンでは小さく見えることがあります。
特に古いホームページでは、パソコン表示を前提に作られているため、スマートフォンで文字が詰まって見えることがあります。
確認したいのは次のような点です。
- 本文の文字が小さすぎないか
- 見出しと本文の差がわかりやすいか
- 行間が詰まりすぎていないか
- 文字が横に長く続きすぎていないか
- 薄い色の文字で読みにくくないか
- 背景色と文字色の差が十分か
文字が小さいだけで、内容が読まれにくくなります。
ホームページの内容が良くても、読みづらいと最後まで見てもらえません。
特にサービス内容や料金、問い合わせ前の説明などは、スマートフォンでも無理なく読める状態にしておきたいところです。
ボタンが押しにくい場合
スマートフォンでは、マウスではなく指で操作します。
そのため、ボタンやリンクが小さすぎると押しにくくなります。
近くに複数のリンクが並んでいると、押し間違いも起きやすくなります。
確認したいのは次の点です。
- 問い合わせボタンが見つけやすいか
- ボタンのサイズが十分か
- ボタン同士の間隔が狭すぎないか
- 電話番号がタップできるか
- リンク文字が小さすぎないか
- メニューの項目が押しやすいか
問い合わせや予約につながるボタンが押しにくいと、せっかく興味を持った人が途中で離れてしまう可能性があります。
ボタンは、見た目だけでなく、実際に押してみて確認することが大切です。
メニューが使いにくい場合
スマートフォンでは、画面の幅が限られているため、メニューの見え方も重要です。
古いホームページでは、パソコン用の横並びメニューがそのまま小さく表示されていたり、スマートフォン用のメニューが使いにくかったりすることがあります。
確認したいポイントは次の通りです。
- メニューが開くか
- メニューの文字が読めるか
- 主要ページへ行きやすいか
- 項目が多すぎないか
- 閉じるボタンがわかりやすいか
- 現在地がわかりやすいか
メニューには、すべてのページを詰め込む必要はありません。
スマートフォンでは、特に見てほしいページを絞ることも大切です。
サービス、料金、実績、問い合わせ、会社概要など、重要なページへ迷わず進める構成になっているか確認しましょう。
画像が大きすぎる・見切れている場合
スマートフォンで画像が大きすぎたり、横にはみ出したりすることがあります。
特に、古いホームページでは、パソコン用に作った大きな画像やバナーがそのまま使われている場合があります。
確認したいのは次の点です。
- 画像が画面幅に収まっているか
- 人物や商品が変な位置で切れていないか
- 文字入り画像が読めるか
- 画像の容量が大きすぎないか
- 古い写真のままになっていないか
- 画像がぼやけていないか
画像は、ホームページの印象に大きく関わります。
ただし、スマートフォンでは画像の細かい文字が読めないこともあります。
大切な情報を画像の中だけに入れている場合は、本文でも説明を入れる方が安心です。
表や料金表が見づらい場合
スマートフォンで特に見づらくなりやすいのが、表です。
料金表、プラン比較、メニュー表、スケジュール表などは、パソコンでは見やすくても、スマートフォンでは横にはみ出すことがあります。
確認したいポイントは次の通りです。
- 表が横に長すぎないか
- 横スクロールが必要になっていないか
- 文字が小さすぎないか
- 項目が多すぎないか
- 料金や条件が見つけやすいか
- スマートフォン用に別の見せ方が必要か
表が見づらい場合は、必ずしもデザイン全体を作り替える必要はありません。
表の項目を減らす。
カード型に変える。
重要な料金だけ先に出す。
詳細は別ページやPDFに分ける。
スマートフォン用に縦並びにする。
こうした部分修正で改善できる場合があります。
問い合わせフォームが入力しにくい場合
スマートフォンで問い合わせフォームが使いにくいと、相談や申し込みにつながりにくくなります。
フォームは、表示されているだけでなく、実際に入力しやすいかを確認することが大切です。
確認したいのは次の点です。
- 入力欄が小さすぎないか
- 必須項目が多すぎないか
- エラー表示がわかりやすいか
- 送信ボタンが見つけやすいか
- スマートフォンのキーボードで入力しやすいか
- 送信後の画面がわかりやすいか
- 自動返信メールが届くか
- 管理者宛メールが届くか
フォームの項目が多すぎると、途中で離脱されることがあります。
問い合わせの段階で本当に必要な情報だけに絞ることで、送信しやすくなる場合があります。
また、スマートフォンから送信したときにも、管理者宛メールと自動返信メールが届くか確認しておきたいところです。
電話番号や地図が使いやすいか確認する
店舗や事務所がある場合は、電話番号や地図の使いやすさも重要です。
スマートフォンで見ている人は、そのまま電話をかけたり、地図アプリを開いたりすることがあります。
確認したいポイントは次の通りです。
- 電話番号をタップして発信できるか
- 住所がわかりやすいか
- Googleマップが正しく表示されるか
- 駐車場や最寄り駅の案内があるか
- 営業時間や定休日が古くないか
- 来店前に必要な注意事項があるか
電話番号が画像になっていてタップできない場合や、地図が古いままになっている場合は、修正した方がよいです。
スマートフォンで使いやすい情報は、来店や問い合わせに直結しやすい部分です。
ページの読み込みが遅い場合
スマートフォンでページの表示が遅いと、見られる前に離脱される可能性があります。
特に画像が大きすぎる場合や、古いテーマ・プラグインを使っている場合、ページの読み込みが遅くなることがあります。
確認したい点は次の通りです。
- トップページの表示が遅すぎないか
- 画像が重すぎないか
- 不要なスライダーや装飾がないか
- 使っていないプラグインが多くないか
- スマートフォンで読み込みが止まらないか
表示速度は、見た人の使いやすさに関わります。
ただし、速度改善にはいろいろな原因があるため、無理に一度で全部直そうとしなくても大丈夫です。
まずは画像の圧縮や不要な表示の整理など、できるところから確認します。
部分修正で改善できるケース
スマートフォンで見づらいからといって、必ず全面リニューアルが必要とは限りません。
部分修正で改善できるケースもあります。
たとえば、
- 文字サイズや行間を調整する
- 問い合わせボタンを見やすくする
- 画像を差し替える
- 料金表を縦並びにする
- 古いバナーを外す
- メニュー項目を整理する
- フォームの項目を減らす
- 電話番号をタップできるようにする
このような修正であれば、今のホームページを活かしながら改善できる場合があります。
まずは、どの部分が見づらいのかを確認し、優先順位をつけることが大切です。
リニューアルを検討した方がよいケース
一方で、部分修正では対応しきれない場合もあります。
次のような場合は、リニューアルを検討した方がよいことがあります。
- サイト全体がスマートフォン対応していない
- 古いテーマで作られていて調整が難しい
- メニューやページ構成が複雑になりすぎている
- WordPressやプラグインが長年更新されていない
- スマートフォン表示だけでなく、情報全体が古い
- 管理画面が使いにくく、今後の運用が難しい
このような場合、部分修正を重ねるより、今の事業に合わせて作り直した方が長期的には運用しやすくなることがあります。
ただし、その場合でも、いきなり作り替えるのではなく、今あるページを残すもの、直すもの、外すものに分けて整理してから進めることが大切です。
スマートフォン確認で優先したいページ
スマートフォン表示を確認するときは、すべてのページを一度に見る必要はありません。
まずは、影響が大きいページから確認します。
優先したいのは次のページです。
- トップページ
- サービスページ
- 料金ページ
- 問い合わせページ
- 会社概要
- アクセスページ
- お知らせ
- 実績ページ
特に問い合わせページと料金ページは重要です。
見た人が「相談したい」と思っても、フォームが使いにくかったり、料金が読みにくかったりすると、問い合わせ前に離れてしまうことがあります。
よくある質問
スマートフォンで見づらい場合、必ずリニューアルが必要ですか？
必ずしもリニューアルが必要とは限りません。文字サイズ、ボタン、画像、表、問い合わせフォームなど、一部の問題であれば部分修正で改善できる場合があります。
パソコンでは問題ないのに、スマートフォンだけ見づらいことはありますか？
あります。パソコン用に作られたレイアウトや表、画像が、スマートフォンでは小さく表示されたり、横にはみ出したりすることがあります。実際のスマートフォンで確認することが大切です。
スマートフォン表示で特に確認した方がよいページはどこですか？
トップページ、サービスページ、料金ページ、問い合わせページは優先して確認したいページです。問い合わせや申し込みにつながるページは、スマートフォンで使いやすいかを確認しておくと安心です。
まとめ
ホームページがスマートフォンで見づらい場合、すぐに全面リニューアルが必要とは限りません。
文字サイズ、ボタン、画像、表、メニュー、問い合わせフォームなど、一部の問題であれば部分修正で改善できることがあります。
一方で、サイト全体がスマートフォン対応していない場合や、古いテーマ・システムが原因になっている場合は、リニューアルを検討した方がよいこともあります。
まずは実際にスマートフォンで確認し、どのページのどこが見づらいのかを整理しましょう。
ホームページのスマートフォン表示の確認、古いホームページの見直し、部分修正やリニューアル前の相談は、オフィスピコッツ株式会社でご相談いただけます。
無料のホームページ見直しチェックを試す