blancブログ記事｜伝わる、つながる、育てる。blancのホームページ制作

「スマートフォンで自社のホームページを開いたら、文字が小さくて読めない」「指で拡大しないと内容が分からない」——数年前に作ったホームページでは、今も珍しくない状態です。

この記事では、ご自身のホームページがスマホ対応できているかを確かめる方法から、対応の選択肢、費用の目安までを順番に整理します。専門的な知識がなくても判断できるように書いていますので、まずはお手元のスマートフォンを用意してお読みください。

まず、スマホ対応できているかを確かめる

判断に難しい知識は要りません。スマートフォンで自社のホームページを開き、次の3点を確認してください。

• 文字を読むために、指で拡大する必要があるか
• 画面を左右にスクロールしないと、全体が見えないか
• メニューやボタンが小さすぎて、押し間違えることがあるか

ひとつでも当てはまるようなら、スマホ対応ができていない、または不十分な状態です。パソコン向けに作った画面をそのまま縮めて表示しているために起こります。

逆に、文字がそのまま読めて、縦のスクロールだけで最後まで見られるなら、対応はできています。その場合は、この記事の後半にある「対応済みでも見にくいとき」をご覧ください。

スマホ対応していないと、何が起きるのか

いまホームページを見る人の多くは、パソコンではなくスマートフォンを使っています。業種によって差はありますが、閲覧者の7割以上がスマートフォンという例も珍しくありません。

読みにくいページは、内容を読まれる前に閉じられます。せっかく興味を持って開いてもらっても、電話番号やお問い合わせフォームまでたどり着けなければ、その分だけ問い合わせの機会を逃していることになります。

もうひとつ見落とされやすいのが検索への影響です。検索エンジンは、スマートフォンで表示したときの見え方を基準にサイトを評価します。スマホで見にくい状態が続くと、検索結果に出にくくなることがあります。

「スマホで見にくい」には3つのパターンがある

ひとくちにスマホ対応といっても、原因によって必要な作業はまったく違います。まずは自社のサイトがどれに当たるかを見極めることが先です。

「全部作り直さないといけないのでは」と身構える方が多いのですが、実際にご相談をお受けすると、下の2つ、つまり部分的な調整で解決するケースが半分以上です。

部分的な調整で済むケース

次のような場合は、サイト全体を作り替えなくても対応できることがほとんどです。

• もともとスマホ対応の作りになっていて、一部のページだけ崩れている
• 後から追加したページや、表・画像だけが画面からはみ出している
• 文字やボタンのサイズなど、読みやすさの調整で解決する

特に多いのが、料金表や比較表など、横に長い表がはみ出しているケースです。表だけをスマホ向けの表示に切り替えれば直りますので、費用も期間も小さく収まります。

作り直しを検討したほうがいいケース

一方で、部分対応を重ねるより作り直したほうが結果的に安く済むこともあります。目安は次のとおりです。

• そもそもスマホ用の設定が一切入っておらず、ページ数も多い
• ホームページ自体が10年近く前に作られていて、修正できる人がいない
• スマホ対応と合わせて、内容や構成そのものを見直したい

この判断についてはホームページは修正で直す？作り直す？でも詳しく整理していますので、迷われている場合はあわせてご覧ください。

費用の目安

スマホ対応の費用は「どこまで直すか」で決まります。おおよその目安は次のとおりです。

作業ごとの料金は料金ページに一覧で掲載しています。なお、全体対応が必要な場合でも、いきなり全ページではなく、閲覧の多いページから順に直していく進め方もできます。

依頼する前に用意しておくとよいこと

見積りを早く正確に出すために、次の3つが分かっていると話が早く進みます。

• ホームページのURL
• 見にくいと感じたページと、そのときの機種（iPhone / Android）
• できれば、その画面のスクリーンショット

スクリーンショットがあると、こちらの環境で再現しない症状も特定できます。ログイン情報が分からない、制作会社と連絡が取れないといった状態でも、まずは公開されているページから調査できますので、その旨だけお伝えください。

まとめ

ホームページのスマホ対応について、押さえておきたいポイントは次の3つです。

• スマホで開いて「拡大が必要か」「横スクロールが要るか」を見れば、対応できているかは自分で判断できる
• 崩れているのが一部のページなら、数千円〜の部分修正で直ることが多い
• ページ数が多く、スマホ用の設定が一切入っていない場合は、作り直しも含めて比較したほうがよい

blancのホームページ修正・更新サービスでは、他社が制作したサイトのスマホ対応もお受けしています。「どこから手をつければいいか分からない」という段階でも構いません。サイトのURLをお送りいただければ、スマートフォンでの現状を確認してご報告します。調査・お見積りは無料です。