【レンタルサーバー比較なび】は、共有・VPS・マネージドサーバーの比較・ランキングサイトです。

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

ホームページ(Webサイト)は自社制作?外注?それぞれのメリット・デメリット

ここ数年、インターネットの利用は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の検索順位に影響する

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の評価を意識する場合は、レスポンシブ対応で制作することをおすすめします。

なお、NTTコミュニケーションズのホームページ制作サービスでは、レスポンシブサイトの制作に対応しています。はじめからスマートフォンサイトが制作でき、その後の運用も任せることが可能です。専門知識が一切不要で、ビジネス向けのホームページを開設できるサービスです。ドメインの取得・管理からサーバー管理まで幅広く対応しています。料金は他社に比べてリーズナブルなため、コストを抑えたいと考えている方にはおすすめです。

NTTコミュニケーションズ ホームページ選んでつくるプラン

 

おわりに

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

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

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

【NTTコミュニケーションズ】Bizメール&ウェブ ビジネス

NTTコミュニケーションズBizメール&ウェブビジネス
総合評価
5
口コミ
10
月額価格 2,780円~
容量 40GB~最大80GB
サポート 日本国内 24時間365日有人監視
サーバー種類 共有サーバー

【NTTコミュニケーションズ】Bizメール&ウェブ ビジネスのおすすめポイント

1. レンタルサーバー初心者でも安心の24時間サポート体制!
2. 大手NTTグループのサーバーだから高品質なサーバー環境で快適な運用が可能。
3. セキュリティも万全で、ビジネス利用に最適な高品質レンタルサーバー!

【NTTコミュニケーションズ】Bizメール&ウェブ プレミアム

NTTコミュニケーションズBizメール&ウェブ プレミアム
総合評価
4.8
口コミ
5
月額価格 20,000円~
容量 100GB~1,000GB(1TB)
サポート 24時間365日有人監視
サーバー種類 マネージドサーバー

【NTTコミュニケーションズ】Bizメール&ウェブ プレミアムのおすすめポイント

1.アクセスが多い繁忙期に合わせて柔軟にリソースの変更が可能なので、ビジネス利用に最適!
2.CPUが最大16コア、メモリ最大128GB、ディスク容量最大1TBまで利用が可能。
3.24時間365日のトラブルサポートでいざという時も安心。

キャンペーン情報

内容
Bizメール&ウェブ プレミアムを2週間無料でトライアル環境で使用が可能です。まずは試してみてからサーバー契約がしたい方、アプリケーションの動作確認をレンタルサーバー契約前に行い方、サーバーの乗り換えを検討中で、まだお悩みに方におすすめです!
無料トライアルフォームはこちら

【大塚商会】アルファメールプレミア

%e3%82%a2%e3%83%ab%e3%83%95%e3%82%a1%e3%83%a1%e3%83%bc%e3%83%ab%e3%83%97%e3%83%ac%e3%83%9f%e3%82%a2%ef%bd%9c%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%81%ae%e7%89%b9%e9%95%b7%ef%bd%9c%e3%83%ac%e3%83%b3
総合評価
4
口コミ
5
月額価格 3,800円~
容量 50GB~100GB
サポート 土日祝でも電話・メール・FAXサポート対応!
サーバー種類 共有サーバー

【大塚商会】アルファメールプレミアのおすすめポイント

1. ビジネスに欠かせない、独自ドメインの取得・管理・更新費用が全て基本料金込み!
2. ホームページの作成に役立つCMSや、6ステップで作成可能なシステムが搭載。
3. 企業の運用でも安心な大容量のサーバー。

レンタルサーバー条件検索

キーワード検索
種類
月額料金
容量
支払い方法
セキュリティ
Webアプリ
ケーション
サポート体制
現在の
口コミ件数
75

当サイトはユーザのみなさまからの声で運営されています。

ホームページ制作更新サービス選んで作るプラン
無料診断 受付中!
    
今月のキャンペーン
おすすめレンタルサーバーランキング

【NTTコミュニケーションズ】Bizメール&ウェブ ビジネス

NTTコミュニケーションズBizメール&ウェブビジネス

1. レンタルサーバー初心者でも安心の24時間サポート体制!
2. 大...

公式サイトを見る

【大塚商会】アルファメールプレミア

%e3%82%a2%e3%83%ab%e3%83%95%e3%82%a1%e3%83%a1%e3%83%bc%e3%83%ab%e3%83%97%e3%83%ac%e3%83%9f%e3%82%a2%ef%bd%9c%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9%e3%81%ae%e7%89%b9%e9%95%b7%ef%bd%9c%e3%83%ac%e3%83%b3

1. ビジネスに欠かせない、独自ドメインの取得・管理・更新費用が全て基本料金込み...

公式サイトを見る

【ニフティクラウド】ベーシックホスティング

ニフティクラウドベーシックホスティング

1. 分かりやすいマニュアルと、見やすいコントロールパネルで初心者でも安心。

公式サイトを見る
SSL GMOグローバルサインのサイトシール