スマートフォン最適化とは?

スマートフォン最適化とはスマートフォンユーザー(お客様)を逃さない最低限の施策です

スマートフォン経由でホームページを閲覧をした時に、スマートフォンに最適化された画面が「表示される」と「表示されない」とでは、ユーザーにとって大きな印象の違いがあります。

PC用に作られたホームページをスマートフォンで表示するとどうしても文字が小さくなり、見たいコンテンツがあっても誤った項目をタップしてしまったり、画面を拡大してみると横スクロールが出て操作が面倒になったりすることなど多くの方が経験されたことがあると思います。

ホームページがスマートフォンに最適化されていなかったために、リンクが見落とされ、見てもらえなかったり、せっかくのレビュー記事もレイアウトがスマートフォンでは読みづらく、重要なポイントが見落とされたり、伝えたいことが十分に伝わらないこともあります。

このような機会損失を無くすためにも、スマートフォンに最適化されたページを用意することが必要となってきています。

スマートフォン最適化比較イメージ

スマートフォン最適化をする上で重要なのは、

  • ページの幅
  • 文字の大きさ
  • 文字数
  • ボタンやリンクの大きさ、余白

などが挙げられます。

これからは、スマートフォンで閲覧した際に、最適化されたページを用意することが、離脱率、コンバージョン率等にも関わる重要なポイントとなってきています。

ただし、パソコンサイトをみたい!スマホサイトは情報が少なそう!などといったユーザーの声もありますので、PC版でもスマホ版でも、ユーザーにとってストレスの少ないサイトとなるように最適化を行う事も、忘れてはいけないポイントです。

スマートフォン最適化の方法は2パターンあります!

1、スマートフォン専用サイトを併設する

パソコン向けの従来型のホームページ(PCサイト)に加えて、スマートフォンの小さな画面でも見やすいようにデザインされたスマートフォン専用のホームページである、所謂「スマートフォンサイト」を作成する方法です。

ユーザーが閲覧しているデバイス(端末)に応じて、最適な方のWEBサイトへ移動させる(パソコンで閲覧している場合はPCサイト、スマートフォンで閲覧している場合はスマホサイトを表示させる)振り分け型のスマートフォン最適化です。

2、レスポンシブWebデザインで制作する

単一のWebページでスマートフォン、タブレットといった画面サイズが異なるデバイスへマルチに対応できるWebサイト制作手法です。

複数Webサイトを用意するのでは無く、1つのホームページ(HTMLファイル)をCSS3(Media Queries)で制御し、異なる画面サイズに応じてページのレイアウト・デザインを調整します。画面サイズによってホームページのレイアウトが変動する制作手法です。PCでブラウザの幅を広げたり縮めたりすると表示が変わるサイトです。

スマートフォン最適化の比較

スマホ専用サイト VS レスポンシブデザイン

  スマートフォン専用サイト レスポンシブWebブデザイン
メリット
  • スマートフォン専用のコンテンツを提供できる
  • 自由度が高い
  • モバイル端末に最適化して制作するため表示速度が早い
  • PC版に切替可能
  • URLが変更しない
  • メンテナンスが楽
デメリット
  • URLが変わる
  • 別々のサイトのメンテナンスが必要
  • PC版と同じコンテンツを提供するため、スマートフォン用コンテンツ・機能を組み込むことが難しい
  • 基本PC版と同じコンテンツを読み込むため表示時間が遅い
  • デザインの自由度は低い
注意点
  • スマホ対応するコンテンツ数(ページ数)が多い場合には、初期制作や運用の工数が高くなる。
  • 新規サイトを構築する場合は最初からモバイルを意識して設計できるため楽だが、既存サイトの構造によっては導入できません。
こういう場合
おすすめ
  • PC版とスマートフォン版のコンテンツを区別してスマートフォン専用のコンテンツ・機能を提供したい場合
  • PC版がフラッシュ、テーブルレイアウト等の複雑な仕様のためレスポンシブレイアウトに変更することが難しい場合
  • 既存サイトがシンプルなデザイン・レイアウトのサイトの場合
  • スマートフォン・PC版を区別しないで、同じコンテンツを提供しする場合
  • 新規サイトを構築する場合

日々増加しているモバイルユーザー、デバイスに対して、スマートフォン最適化の絶対の方法はございません。

現在のホームページ構築や運営状況、将来のビジョンなどを検討し、よりベターな方法を選びましょう。

アイジスでは早くからスマートフォンサイト制作、レスポンシブデザインに携わり、多くの実績もございます。お気軽にご相談ください。最適な方法をご提案させていただきます。