行政書士のホームページを作るとき、パソコンでの見た目だけでなくスマートフォンでの使いやすさも考える必要があります。
スマートフォンでは画面が小さいため、パソコンでは問題なく見えるホームページでも、文字が小さかったり、ボタンが押しにくかったりすると利用しづらくなります。
また、ホームページを見た人がそのまま電話をかけたり、問い合わせフォームを利用したりすることも考えられます。
そのため、単に「スマートフォンでも表示できる」だけではなく、「必要な情報を読みやすいか」「問い合わせまで迷わず進めるか」という視点で確認することが大切です。
この記事では、行政書士のホームページでスマホ対応が重要な理由と、スマートフォンで確認しておきたいポイントについて解説します。
行政書士のホームページはスマホ対応が重要
現在のホームページ制作では、スマートフォンでの閲覧を考慮することが欠かせません。
行政書士を探している人が、必ずしもパソコンからホームページを見るとは限らないためです。
たとえば外出中に行政書士を検索したり、Googleマップから事務所を探したり、SNSやメールで共有されたURLからホームページを開いたりすることもあります。
スマートフォンでホームページを開いたときに、
- 文字が小さくて読みにくい
- 画面から内容がはみ出している
- ボタンが押しにくい
- メニューの場所が分からない
- 問い合わせフォームを入力しにくい
といった状態では、必要な情報を確認する前にページを離れてしまう可能性があります。
スマホ対応は、見た目を整えるだけではなく、ホームページを利用する人が必要な情報へたどり着くためにも重要です。
スマホ対応とは?
スマホ対応というと、スマートフォン専用のホームページを別に作ることをイメージするかもしれません。
現在は、一つのホームページを画面幅に合わせてレイアウトする「レスポンシブWebデザイン」が一般的に利用されています。
たとえばパソコンでは横に3つ並んでいる内容を、スマートフォンでは縦に並べるなど、画面の大きさに合わせて表示を調整します。
ただし、レスポンシブWebデザインを採用していれば、それだけで使いやすいホームページになるわけではありません。
実際のスマートフォンで文字の読みやすさや操作のしやすさまで確認することが大切です。
POINT
スマホ対応では「画面内に収まっているか」だけでなく、読みやすさ、押しやすさ、入力しやすさまで確認しましょう。
レイアウトが崩れていなくても、操作しづらければ改善できる部分があります。
文字が小さすぎないか確認する
スマートフォンでは、パソコンよりも小さな画面で文章を読むことになります。
文字が小さすぎると、利用者が画面を拡大しなければ読めない場合があります。
特に、
- 本文
- 注釈
- 料金表
- FAQ
- フォームの説明
- ボタン内の文字
などは確認しておきたい部分です。
文字サイズだけでなく、行間や文章の横幅も読みやすさに影響します。
パソコンのデザインをそのまま縮小するのではなく、スマートフォンでも無理なく読める状態になっているか確認しましょう。
ボタンやリンクを押しやすくする
スマートフォンでは、マウスではなく指でホームページを操作します。
そのため、小さなリンクやボタンが密集していると、目的とは違う場所を押してしまうことがあります。
特に行政書士のホームページでは、
- 電話する
- お問い合わせ
- 無料相談
- メニュー
- 業務詳細を見る
など、次のページや問い合わせにつながるボタンの操作性が重要です。
ボタンそのものの大きさだけでなく、周囲に適度な間隔があるかも確認します。
実際にスマートフォンで触ってみて、無理なく操作できるかを確認するのが分かりやすい方法です。
メニューから必要なページへ移動できるようにする
パソコンではヘッダーに複数のメニューを横並びで表示できますが、スマートフォンでは表示できるスペースが限られています。
そのため、スマートフォンではハンバーガーメニューなどを利用してナビゲーションをまとめることがあります。
重要なのはメニューの形式ではなく、利用者が必要なページを見つけられることです。
たとえば、
- 取扱業務
- 料金
- 行政書士紹介
- 事務所概要
- よくある質問
- お問い合わせ
など、依頼を検討するときに確認したい情報へ移動できるようにします。
行政書士のホームページに必要な情報については、行政書士のホームページに必要な内容は?掲載しておきたいページ・情報を解説でも解説しています。
料金表や表組みが見切れていないか確認する
パソコンでは問題なく表示できる表でも、スマートフォンでは横幅が足りなくなることがあります。
行政書士のホームページでは、料金表やサービス比較などで表を使用することがあります。
スマートフォンで表示したときに、
- 表の右側が画面からはみ出している
- 文字が極端に小さくなっている
- 項目名と料金の対応が分かりにくい
- 横スクロールできることが分からない
といった状態になっていないか確認しましょう。
内容によっては、スマートフォンでは表をカード形式や縦並びに変更した方が読みやすい場合もあります。
料金情報の掲載方法については、行政書士のホームページに料金表は必要?掲載するメリットと注意点も参考にしてください。
問い合わせフォームをスマホで入力してみる
問い合わせフォームは、表示されているだけではなく、実際に入力しやすいか確認することが重要です。
たとえば、
- 入力欄が小さすぎないか
- 項目名が分かりやすいか
- 必須項目が分かるか
- 選択肢を押しやすいか
- エラー内容が分かるか
- 送信ボタンを押しやすいか
などを確認します。
入力項目が多すぎると、スマートフォンでは特に負担を感じやすくなることがあります。
最初の問い合わせで本当に必要な情報なのかを考え、不要な項目を増やしすぎないことも大切です。
電話や問い合わせへの導線を分かりやすくする
スマートフォンには、そのまま電話をかけられるという特徴があります。
電話での相談を受け付けているのであれば、電話番号をタップして発信できるようにしておくと便利です。
問い合わせフォームを利用してほしい場合も、ページを最後まで読まなければ問い合わせボタンが見つからない状態になっていないか確認しましょう。
たとえば、
- ヘッダー
- メニュー内
- 業務ページの途中や末尾
- フッター
など、内容に合わせて問い合わせへの入口を設ける方法があります。
スマートフォンでは、画面下部などに問い合わせボタンを固定表示する方法もあります。
ただし、固定されたボタンが本文を大きく隠したり、誤って押しやすくなったりしないよう注意が必要です。
ホームページから問い合わせにつなげるための考え方については、行政書士のホームページで集客するには?問い合わせにつなげるための基本対策でも解説しています。
画像や動画で表示が重くなっていないか確認する
スマートフォンでは、通信環境によってホームページの表示に時間がかかることがあります。
大きな画像や動画を多数使用していると、ページの読み込みが遅くなる原因の一つになります。
特にトップページの大きな画像や背景動画などは、見た目だけでなくデータ量にも注意が必要です。
画像を適切なサイズに調整したり、必要に応じて圧縮したりするなど、画質とデータ量のバランスを考えましょう。
また、表示速度には画像以外にもさまざまな要因が関係します。
「画像を減らせば必ず速くなる」と単純に考えるのではなく、実際のページを確認しながら改善することが大切です。
スマホ対応はSEOの面でも確認しておきたい
Googleはモバイル版のページ内容を基準として検索結果への登録や評価を行う、モバイルファーストインデックスを採用しています。
そのため、スマートフォン向けページで重要な内容が省略されていたり、Googleがページを適切に確認できない状態になっていたりしないよう注意が必要です。
レスポンシブWebデザインで同じ内容を表示している場合でも、スマートフォンで正常に閲覧できるかは確認しておきましょう。
SEOについては、スマホ対応だけで順位が決まるわけではありません。
コンテンツの内容やサイト構造なども含めて考える必要があります。
行政書士サイトのSEOについては、行政書士のホームページにSEO対策は必要?基本的な考え方と対策を解説も参考にしてください。
パソコンだけで確認して公開しない
ホームページ制作中は、パソコンのブラウザで確認する時間が長くなりがちです。
ブラウザの幅を狭くすればスマートフォンに近い表示を確認できますが、それだけでは実際の操作感までは分かりません。
公開前には可能であれば実際のスマートフォンでも確認しましょう。
たとえば、
- メニューを開く
- 各ページへ移動する
- 電話ボタンを押す
- 問い合わせフォームへ入力する
- 表を確認する
- ページを最後までスクロールする
といった操作を実際に行います。
制作した本人だけでなく、初めてホームページを見る人に触ってもらうと、自分では気づかなかった使いにくさが見つかることもあります。
公開後もスマホ表示を確認する
ホームページは公開後に記事や実績、料金などを追加していくことがあります。
新しい内容を追加した際に、パソコンでは問題なくてもスマートフォンだけレイアウトが崩れることもあります。
そのため、更新時にもスマートフォン表示を確認する習慣をつけておくと安心です。
特に、
- 新しい画像を追加したとき
- 表を追加・変更したとき
- フォームを変更したとき
- メニューを変更したとき
- 新しい機能を追加したとき
などは、パソコンとスマートフォンの両方で確認しましょう。
まとめ|スマホで「見る・探す・問い合わせる」を確認する
行政書士のホームページでは、スマートフォンでの使いやすさを考えることが重要です。
単に画面幅に合わせてレイアウトされているだけでなく、文字を読みやすいか、ボタンを押しやすいか、必要な情報を探しやすいか、問い合わせフォームを入力しやすいかまで確認しましょう。
特に問い合わせにつながるホームページを目指すのであれば、「見る」「探す」「問い合わせる」という一連の操作を、実際のスマートフォンで試してみることが大切です。
スマホ対応は一度行えば終わりではありません。
ホームページを更新したときにも表示や操作性を確認し、利用者が迷わず使える状態を保っていきましょう。