時代はスマホサイト？ホームページにスマートフォンサイトが必要な理由

ここ数年、インターネットの利用はPC（パソコン）ではなくスマートフォンを使うことが多くなってきました。消費者はスマートフォンで情報を集め、ショッピングをする機会が増えています。そのため、ホームページをスマートフォン対応させる企業が年々増えてきています。
しかし、「そもそもPCとスマートフォンのホームページは何が違うのか」「どうしてBtoB企業のホームページもスマートフォン対応させなくてはいけないのか」とお考えの方も多いでしょう。
そこで今回は、ホームページのスマホ化（スマートフォン対応） の重要性についてご紹介します。

PCとスマートフォンのホームページって何が違うの？

PCとスマートフォンでは、画面サイズ や用途が違うのと同様に、PCサイトとスマートフォンサイトでは違いがあります。
主な違いは以下の3点です。

【1】表示デバイスに合わせてレイアウトが違う

PCサイトの場合、画面上部やサイドにナビゲーションメニューが設置されるケースが多く見られます。マウス利用が前提のレイアウトのため、各項目の文字やボタンのサイズは比較的小さめです。別のページにアクセスしやすいように、多くのページが表示（網羅性を重視）されているケースが多く見られます。

一方、スマートフォンサイトの場合には、画面左もしくは右上にナビゲーション（ハンバーガーメニューもしくはドロワーメニュー）が用意されるケースが多い傾向にあります。 3本線の入ったボタンをタップすると各カテゴリー・ページへのリンク一覧が表示される仕組みで、比較的文字サイズが大きめです。ページ数の多いホームページの場合、「大カテゴリー→中カテゴリー→小カテゴリー→各ページ」といった具合に、複数回のタップが必要になることもあります。

このようにPCサイトとスマートフォンサイトでは、画面レイアウトやボタンのサイズといったUI（ユーザー・インターフェース）や、ページ移動の設計など、さまざまな違いがあります。その他、デバイスごとの使い勝手を考慮し、フィーチャーフォンやタブレット用のレイアウトを用意しているホームページも少なくありません。

【2】公開されている情報量が違う

PCサイトに比べ、スマートフォンサイトは一度に表示できる情報量に限りがあります。画像にしてもテキストにしても、1つの画面へ詰め込むにはサイズを小さくせざるを得ません。しかしこれでは視認性が悪く、操作性も劣ります。

したがって、スマートフォンサイトを制作する場合には、情報の優先順位を強く意識することが重要です。「ユーザーにとってどんな情報が必要か」「バナーに大きく載せるのはキャッチコピーか画像か」など、PCサイト以上にユーザーの目線に立たなければいけません。場合によっては、見やすさや操作のしやすさを高めるために、情報を抜粋しなければならないケースも出てくるでしょう。

【3】回線速度が違う

近年はモバイルインターネットが普及し、日本中どこにいても高速通信が可能です。しかし、いくら速くなったからといっても、自宅の光回線のスピードにはかないません。そのため、スマートフォンでPCサイトと同じデータ量を閲覧すると、ユーザーは動作が重いと 感じるでしょう。また、通信量制限の関係から、ユーザーは無駄なデータダウンロード・アップロードを嫌う傾向にあります。

上記のような理由から、スマートフォンサイトを制作する場合には、「重たい画像は使わない」「動画での説明は極力控える」など、全体のデータ量にも注意する必要があります。ユーザーの利用環境を想定したホームページ作りを意識しなくてはなりません。

スマートフォンサイトが必要な理由

スマートフォンでもPCサイトを 閲覧できるため、「既存サイトで十分」とお考えの方もいらっしゃるかもしれません。しかし、以下の2つの理由から、専用のデザイン・レイアウトが求められています。

【1】PCサイトのままだと見づらい

PCサイトは、横長の大型ディスプレイで表示されることを想定し制作されています。操作もマウスの使用が前提です。スマートフォンでの使い勝手や見やすさは考慮されていません。つまり、PCサイトだけしか用意されていないホームページというのは、スマートフォンユーザーを無視しているのと同じです。

視認性・操作性の悪いホームページをわざわざ使うユーザーは少ないでしょう。広告や検索などでせっかく流入したとしても、PCサイトしか用意されていなければサイトから離れてしまいます。 せっかく良い情報を掲載していても、読まれないのであれば意味がありません。

【2】BtoB市場でもスマートフォンの利用率増加が見込まれる

総務省の平成29年度版「情報通信白書」によると、スマートフォンの世帯保有率は全体の71.8％（パソコンは73.0％）にも及びます。インターネットの利用端末についても、パソコンが58.6％と最も高いものの、スマートフォンは57.9％の第2位であり、インターネットユーザーの半数以上がスマートフォンを使ってインターネットにアクセスしていることが分かります。

もちろん仕事中はPCでのインターネット利用がメインですが、外出先などでスマートフォンを使う機会も増えています。

既に、PCモニターに表示されるデザイン・レイアウトだけを考えていれば事足りる時代ではありません。より多くの顧客を獲得するには、ユーザーの状況に寄り添ったホームページ作りが必要です。スマートフォンサイトを用意することは、現代において当たり前であると認識しましょう。

【3】Googleの検索順位に影響する

2015年4月、Googleは検索順位の決定要素の1つとして「モバイルフレンドリー」を追加しました。さらに翌年5月には 、「モバイルフレンドリーサイト」を優遇するアルゴリズムを段階的に強化するという発表を行っています。

記の施策は端的にいうと、「スマートフォンサイトが用意されており、かつスマートフォンでの表示・操作に最適化されたサイトは、Google検索上位に表示する」といったものです。スマートフォン対応の必要性と、サイトのクオリティーが検索順位に影響することをGoogleが公式に発表したというニュースは、当時大きな話題となりました。

スマートフォンサイトには制作方法が複数ある？

現在PCサイトを運用されている方がスマートフォンサイトを追加制作する場合や、これからPC用とスマートフォン用のサイトを作る場合は、あらかじめ制作方法を決める必要があります。
ホームページをスマートフォン対応させるための方法は、「レスポンシブデザイン 」による対応と、スマートフォン用サイトの新規制作の2つが挙げられます。

【1】レスポンシブ対応で制作

現在主流になっているのが「レスポンシブデザイン」という手法です。同じURLに同じHTMLコードを配信し、PCやスマートフォンなど、デバイスの種類（厳密には画面のサイズ）に合わせてデザインやレイアウトを変更します。わざわざデバイスごとにページを制作する必要がなく、管理しやすい点がメリットです。
検索エンジン大手のGoogleもレスポンシブによる対応を推奨しています。

 

 

【2】スマートフォン用のディレクトリ（/SP/）で制作

PC用とスマートフォン用のページを別々に作る方法です。サーバー側でどのようなデバイスでアクセスしたのかを判断し、PCサイトもしくはスマートフォンサイトに振り分けます。既存のPCサイトに手を加えることなくスマートフォンサイトが作れる点がメリットといえるでしょう。

【3】サブドメインで制作

スマートフォン専用サイトを設ける場合、上記のようにスマートフォンコンテンツをサブディレクトリに展開する場合と、サブドメインに展開する場合の2通りがあります。仕組み的にはディレクトリ構造と同じです。URLの見た目がシンプルになることが、メリットといえるでしょう。
デメリットも、ディレクトリ構造とほぼ同じですが、現在SSL未導入のサイトで、今後SSLを導入しようとされている方の場合、ドメインの数が2つになるため、コストも2倍かかる可能性があります。

おすすめのスマートフォンサイトの制作方法は？

上記どの手法であっても、ユーザーの利便性はさほど変わりません。どの手法を選んだとしても、スマートフォンサイトとしては十分機能するでしょう。強いていうなら、レスポンシブ対応はGoogleが推奨している手法のため、Googleの評価を意識する場合は、レスポンシブ対応で制作することをおすすめします。

おわりに

今回は、ホームページにスマートフォンサイトが必要な理由についてご紹介しました。
インターネットの閲覧環境は、PCからスマートフォンへとシフトしています。BtoC企業にとっては、ホームページのスマートフォン対応は必要な状況です。
BtoB企業についても、今後スマートフォンからのアクセス増加が見込まれるため、早期の対応をおすすめします。ホームページがスマートフォン未対応の場合は、今回ご紹介したポイントをもとに対応を検討しましょう。

「時代はスマホサイト？ホームページにスマートフォンサイトが必要な理由」に関連する記事一覧

• ホームページは効果測定が重要？サイト運用にアクセス解析が必要な理由
• ホームページのサーバーは自社運用とレンタルどちらが良い？
• 自社ホームページの集客にTwitter・FacebookなどのSNS活用は必要？
• ホームページ（Webサイト）は自社制作？外注？それぞれのメリット・デメリット
• 格安費用で作れるの？ホームページ制作会社選びのポイントと比較表
• 企業ホームページ作成のポイント！どんなデザインやコンテンツが良い？
• 法人ホームページの制作・更新で一番大変なことって？外注先の決め手は何？
• 中小企業のための会社ホームページ作成方法
• 会社や法人向けのメールアドレスを作成する方法
• 法人や会社で独自ドメインを使いたいときの取得方法

中小企業向けレンタルサーバーおすすめランキング