スマホで見づらいホームページは、名古屋でも確実に損をしています

先日、中川区内で製造業を営むお客様との打ち合わせ中に、ご自身のスマホでご自身の会社サイトを開いてもらう場面がありました。文字は小さく、ボタンは指でうまく押せず、電話番号をタップしても発信されない。お客様自身が「うちのサイト、こんなに見づらかったんですね」と苦笑いされていたのが印象的でした。

レスポンシブデザインとは、パソコン・スマホ・タブレットなど画面サイズの違う端末でも、レイアウトが自動的に見やすく調整される設計のことです。この記事では、スマホ対応ができていないサイトがどれくらいの機会損失を招くのか、今すぐ自分で確認できるチェック方法と、対応にかかる費用感まで解説します。

スマホで見づらいサイトが、どれくらい損をしているのか

今や多くの方が、パソコンよりスマホで検索してお店やサービスを探しています。その最初の入口で「見づらい」「使いにくい」と感じられてしまうと、内容を読んでもらう前に離脱されてしまいます。これは広告費をかけて集客した場合も同じで、せっかく興味を持ってクリックしてもらったのに、その先で逃げられてしまうのはもったいない話です。正直、これだけ聞くと当たり前すぎて、今さら記事にするほどのことかと思われるかもしれません。ただ、当たり前だからこそ後回しにされがちなテーマでもあります。

自分のサイトがスマホ対応か、5分で確認する方法

難しい話をする前に、まずはご自身のスマホで自社サイトを開いてみてください。以下に当てはまる項目があれば、対応を検討したほうがよいサインです。

• 文字が小さすぎて、拡大しないと読めない
• ボタンやリンクが小さく、指でうまく押せない
• 画面を横にスクロールしないと、内容が見きれない
• 画像が画面からはみ出している、または極端に小さい
• 電話番号の表示をタップしても、電話アプリが起動しない

2つ以上当てはまるようであれば、読者にとってはそれなりにストレスのあるサイトになっている可能性が高いです。

放置するとどうなるか、実際にあった話

以前、あるお客様から「ホームページからの問い合わせが増えない」というご相談をいただき、アクセス解析を確認したところ、訪問の大半がスマホからだったにもかかわらず、サイトはパソコン表示のまま縮小されて表示される作りになっていました。文字は虫眼鏡が欲しくなるレベルで小さく、正直に言うと自分のスマホで開いた瞬間、思わず二度見してしまったほどです。デザイン自体は綺麗な会社だったので、余計にもったいないと感じました。スマホ対応の設計に作り直したところ、問い合わせフォームまでたどり着く方の割合が体感でもはっきり変わりました。この経験から、見た目の綺麗さと同じくらい、実際にどの端末で見られているかを踏まえた設計が大事だと考えるようになりました。

対応するにはどれくらいの費用・期間がかかるか

対応方法は大きく2パターンあり、既存サイトの規模や作りによって費用感が変わります。

サイトの規模や、現状の作りによって前後しますが、まずは「部分調整で済むのか、作り直したほうが良いのか」の見極めだけでも、早めに専門家に見てもらうと判断がつきやすくなります。

よくある質問

スマホ対応だけを部分的に依頼することはできますか？

可能です。サイト全体を作り直さなくても、レイアウトの調整だけで改善できるケースは多くあります。まずは現状のサイトを見せていただいた上で、部分調整で済むかどうかを判断しています。

WordPressで作られたサイトでも対応できますか？

対応できます。WordPressのテーマ（デザインの土台）によってはスマホ対応が不十分なものもあるため、テーマの見直しだけで改善する場合もあります。

自分で修正することはできますか？

ある程度は可能ですが、レイアウトの調整には専門知識が必要な部分もあります。まずはご自身で先ほどのチェックリストを試していただき、判断に迷う場合はご相談いただくのがスムーズです。