教室・お店のホームページ、スマホで見やすいですか？ 自分で確かめられる6つのポイント

「ホームページは、いつもパソコンで確認しているから大丈夫」

作ったときも、直すときも、パソコンの大きな画面で見ていると、スマホでどう見えているかは意外と気づきにくいものです。

でも、教室やお店を探している方の多くは、移動中やちょっとしたすきま時間に、スマホで見ています。

ココナラでホームページのご相談を受けていても、「スマホで見たら崩れていた」というお声をよくいただきます。

今回は、ホームページを全部作り直す話ではありません。

「スマホで見やすい」とは具体的にどういう状態かを整理して、自分のサイトをスマホで確かめるためのポイントをまとめました。

■まずは、自分のスマホで開いてみる

いちばん大事なのは、実際に自分のスマホで開いてみることです。

できれば、家族や友人にも「この教室の料金を探してみて」とお願いして、操作しているところを横で見せてもらうと、たくさんの発見があります。

そのうえで、次の6つのポイントを確認していきます。

■1. 文字が、拡大しなくても読める

スマホで見たときに、指で広げないと読めない文字は、それだけで読むのをやめたくなります。

・本文の文字が小さすぎないか

・行と行の間が詰まりすぎていないか

・背景と文字の色の差が、はっきりしているか

特に、薄いグレーの文字や、写真の上に重ねた文字は、屋外の明るい場所では読みにくくなります。

■2. ボタンやリンクが、指で押しやすい

パソコンではマウスで正確にクリックできても、スマホでは指で押します。

・ボタンが小さすぎないか

・リンクとリンクが近すぎて、押し間違えないか

・「詳しくはこちら」が並んでいて、どこに行くかわからない状態になっていないか

「体験を申し込む」「電話する」など、「押したら何が起きるかがわかる言葉」にしておくと、迷わず押してもらえます。

■3. 横にはみ出していない

スマホで見たときに、画面が横に揺れたり、右側が切れていたりしませんか。

・大きな表（料金表など）

・横幅の大きい画像

・地図の埋め込み

などが原因になっていることが多いです。

表は、スマホでは縦に並ぶ形にしたり、横にスクロールできるようにしたりと、見せ方を工夫できます。

■4. 最初の画面で、何のサイトかわかる

スマホの画面は小さいので、最初に見える範囲はほんの少しです。

そこに大きな写真だけがあって、何のサイトかわからない…ということがよくあります。

最初の画面で、

・何の教室・お店か

・どこにあるか

・次に何をすればいいか（体験の申し込み、予約、お問い合わせなど）

が伝わるかを確かめてみてください。

■5. 表示が重くない

スマホは、通信環境によって表示に時間がかかることがあります。

ページがなかなか表示されないと、待たずに戻ってしまう方もいます。

・写真のサイズが大きすぎないか（スマホで撮った写真は、そのままだとかなり大きいです）

・使っていないプラグインが残っていないか

写真は、ホームページに載せる前に、サイズを小さくしておくだけでも効果があります。

■6. 電話やPDFで、行き止まりにならない

・電話番号が、タップすればそのまま電話をかけられるようになっているか

・料金表がPDFだけになっていて、スマホで開くと読みにくくなっていないか

大事な情報は、PDFではなく「ページの文字として」載せておくのがおすすめです。

■SWELLなら、ここまでは自分で確かめられる

SWELLは、スマホでの表示にもともと対応しているテーマです。

そのうえで、

・管理画面の「外観」→「カスタマイズ」で、プレビューをスマホ表示に切り替えて確認する

・記事や固定ページの編集画面のプレビューで、スマホ表示を確認する

・スマホメニューに、必要なページが並んでいるか確かめる

といったことは、自分でも確認できます。

一方で、もとのテーマやレイアウトの作りが原因で崩れている場合は、部分的な修正では直りにくいこともあります。

そのときは、作り直しも含めて考えてみるタイミングかもしれません。

■確認メモ

・スマホで開いて、拡大せずに本文が読める

・押したいボタンが、指で迷わず押せる

・画面が横にはみ出していない

・最初の画面で、何のサイトか・次に何をすればいいかがわかる

・電話番号をタップすると、電話がかけられる

スマホで見やすくしただけで、すぐに問い合わせが増えるとは言い切れません。

それでも、せっかく見に来てくれた方が「読みにくいから閉じる」ことは、確実に減らせます。

まず今日は、「自分のホームページをスマホで開いて、トップページを最後までスクロールしてみる」ことから始めてみてください。

■ご相談について

ココナラで、教室・習い事・スクールのホームページ制作を承っています。

WordPressのテーマ「SWELL」を使い、スマホでも見やすく、公開後はご自身で更新できるホームページをお作りします。

「今のホームページ、スマホで見るとどこが読みにくいか見てほしい」

「直すか作り直すか、一緒に考えてほしい」

という段階のご相談も大歓迎です。サービスページの「見積り・仕様の相談」から、お気軽にメッセージくださいね。