マルチデバイス最適化の必要性と、いくつかの手段

こんにちは。

スターティアラボ　ブログ編集部です。

数年前からモバイルユーザー数は増加をたどり、企業ではWebサイトのモバイル対応が必要不可欠になりました。そして多くの企業がその対策として、今あるPCサイトをモバイルでも閲覧できるようにするための対応を進めてきました。

では、具体的にスマートフォン対応の手段はどのようなものがあるのでしょうか？関連する要因と共に、各手段のメリット、デメリットをご説明致します。

1.スマートフォン最適化の必要性

単に見た目や情報量をリサイズするだけでなく、コンテンツ自体をモバイルにフォーカスして構築すべきだというところから、「モバイルファースト」「コンテンツファースト」という考え方が生まれました。さらに近年、スマートフォン向けのWebサイトを一番に捉えるという新しい考え方、「スマホファースト」が生まれました。

また、これまではデバイス別のユーザー層・ターゲット層の違いが指摘されてきましたが、現在は同一ユーザーが複数のデバイスを使い分ける状況へと変化しています。かつては外出先でモバイルから情報収集を行い、家のPCから問い合わせや買い物をするという流れが主流と考えられていましたが、最近では家にいてもPCは使わず、スマートフォンで情報収集からコンバージョンまで完了するシーンが増えてきています。

2.Google社がスマホ対応が不適切なサイトの検索順位引き下げを発表

スマートフォンサイトの重要性が高まる中、Googleがスマートフォン向けサイトで設計ミスがある場合、順位を下げるという発表を行いました。Googleのランキングに影響する、スマートフォンサイトによく見られる誤った設定について、簡単に解説します。

①間違ったリダイレクト

PC向けサイトのページにアクセスしたスマホユーザーを、別のスマホ向けページにリダイレクトさせているケースです。

商品や時刻表などを調べていたのに、検索結果ではなく検索のトップページに飛ばされてしまうような場合です。ユーザーが最終的に探していたページにたどり着けるように設定しなければいけません。

②アプリダウンロードをすすめるインタースティシャル広告

専用アプリのインストールを勧めるための、ページ遷移時に表示する隙間広告により、サイトが非常に利用しづらくなっているケースです。一般的な小型広告と同じようなシンプルなバナーの設置で対応すべきでしょう。

③動画を再生できない

スマートフォン端末で再生できない動画は良くありません。すべての端末でサポートされていない動画形式は使用しないようにします。

④不適切な相互リンク

PCページとスマホページを切り替える際、不適切なページにリンクを設定しているケースです。

スマートフォンで記事ページを見ていたのに、「PCに切り替え」をクリックするとPCのトップページに飛んでしまう場合などです。対応するページにリンクを設定するようにしなければいけません。

⑤スマートフォンでのみ404エラーが発生する

PCで見るとページがあるのに、スマートフォンでアクセスするとエラーになってしまうサイトです。スマホ対応していなかったとしても、エラーページよりはPCページを表示させる方が望ましいです。

⑥ページの速度

スマートフォン向けにページ表示速度を最適化することは、非常に重要です。例えば容量の重い画像などは極力使わないようにし、ユーザーがWebサイトを閲覧した時に、表示に時間をかけさせないようにする事が大事です。

［参考：Google ウェブマスター向け 公式ブログ］

3.主なマルチデバイス対応の手法

スマホファーストに舵を切る企業も出てきていますが、スマートフォンに絞ってしまうのは時期尚早という意見もあります。一般的な企業サイトではスマートフォンだけでなく、PCやタブレットも網羅したマルチデバイスへの対応が必要と思われます。

それでは、主なマルチデバイス対応の手法を紹介します。

１、 各デバイスの専用サイトを個別に構築

PC／フィーチャーフォン／スマホ・タブレット向けのサイトを個別に構築する方法です。

デバイスごとに自由にコンテンツを構築できるので、ターゲットに合わせた情報発信ができます。個別管理のため、構築・運用に高い負荷がかかります。

メリット

・デバイスに合わせたデザイン・レイアウト・情報発信が可能

・閲覧性、操作性が高いサイトを作ることができる

デメリット

・初期構築費用が高い

・デバイスごとに更新する手間がかかる

・サイト個別管理のため、マーケティングデータが分散される

・更新に専門知識が必要で社内運用が難しい

・URLがデバイスごとに異なり、SEOに不利

・新しいデバイスが出る度にサイトの構築が必要になる

２、 自動変換サービス

今あるサイトを、自動的にコンバートするサービスを使う方法です。非常に簡単にスマホサイトができるのが魅力です。

機械的な変換なので、後で手直しが必要になったり、肝心なコンバージョン部分が最適化されない場合もあります。サービスにより金額や機能は様々なので、サイトの規模や目的にあったものを選びます。

メリット

・構築・運用が楽

・導入の手間、コストが低い

デメリット

・月額費用がかかり、PVによってはハイコストになる場合がある

・外部サービスを利用するため、表示に時間がかかり、動作が重い

・デザイン性が低く、クオリティーが重要なサイトには向かない

・デバイスに合わせた訴求ができない

・サービスによってはデバイスごとにURLが異なり、SEOに不利

・サービスによってはスマホとフィーチャーフォンのどちらかにしかコンバートできない

３、 レスポンシブWebデザイン

1つのコンテンツデータを、アクセスされたデバイスの画面幅に合わせたデザインに出し分ける方法です。Googleが推奨していることで最近注目されていますが、ワンソースというメリットが、逆にデメリットにもなり得ます。

既存サイトをそのままレスポンシブデザインに移行できないケースが多く、新規やデバイス個別で作るよりも、設計・構築に費用と時間がかかる場合が少なくありません。また、フィーチャーフォンや古いブラウザへの対応も難しくなります。設計と構築技術が重要なので、経験豊富な制作会社・スタッフを選ぶことが大切です。

メリット

・コンテンツの一元管理ができる

・端末機種が増えても、画面サイズの違いに対応できる

・URLを一本化できるので、SEO効果が高い

デメリット

・設計構築に費用・期間がかかる

・構築後の改修や新規コンテンツ追加には、設計の変更が必要になる場合がある

・PCサイトと同じデータを読み込むため、スマホでの表示に時間がかかる場合がある

・高い専門知識が必要なため、社内運用が難しい・デバイスや端末に合わせた訴求ができない

・IE6などの古いブラウザやフィーチャーフォンへの対応が難しい画面サイズ振り分けの仕組みに合わない新しいデバイスが出た場合、設計の変更が必要になる

・動画などの特殊なコンテンツが、マルチデバイスで表示できない場合がある

４、 CMSの導入

マルチデバイスに対応したCMSを導入する方法です。サイトを一元管理しながら、デバイスごとにコンテンツを出し分けることができます。

Webサイトの基盤として使えばマーケティング的な相乗効果を得られ、戦略的な最適化をマルチデバイスで行えます。また、サイトの管理・更新が社内で行えるようになるので、更新スピードがアップし、コストも削減できます。オープンソースから商用まで様々なCMSがあるので、サイトの規模や目的を満たすものを選ぶことが重要です。

メリット

・一元管理しながら、デバイスに最適化したデザイン・レイアウト・情報発信が可能

・プラグインやアプリケーションが豊富で、高機能な最適化ができる

・URLを一本化でき、SEO効果が高い

・コンテンツの更新・追加・管理を自社で行うことができるので、運用コストが削減される

・CMS側でマルチデバイスや新しいデバイスに対応するので、専門知識や乗り換えが必要ない

・構築次第で、個別構築／自動コンバート／レスポンシブを融合させることができる

・大規模サイト、複数サイトに対応できる

デメリット

・初期導入・構築に費用と期間がかかる

・自社で更新・管理を行うので、CMSの機能を覚える必要がある

・保守契約を行う場合は運用コストが多少かかる

・CMSによってはテンプレート以外のページが作りにくかったり、動的生成するため表示が遅い場合がある

・CMSによってはメーカーサポートがなく、新しいデバイスには自社で対応しないといけない場合がある

4.まとめ

重要なのは、戦略的なWebサイト運営です。

主なマルチデバイス対応の手法を紹介してきましたが、企業によってWebサイトの規模や目的も異なり、どれが最適とは一概に言えません。
ただ、流行りの方法に飛びついたり、経験が少ない制作会社やSierが勧めるツールを比較検討しないまま導入したりする前に、Web担当者は、マルチデバイス最適化の主な手法と、各手法のメリット・デメリットを、おおまかな知識として持っておく必要があります。

しかしながら、企業側の構築・運用のメリットと、ユーザー側のメリットが必ずしも一致するとは限りません。サイトの規模と構築期間、予算に合わせた手法を選び抜いてマルチデバイス対応したものの、ユーザーの目的を果たせないサイト（ユーザビリティの低いサイト）になっていれば、二度と訪れてくれないかもしれません。

各デバイスの特性や使われ方をしっかりと考慮した上で、デザインだけではなく、情報までも最適化することが、ユーザーにとって一番望ましいと方法といえます。

何のために、誰のために行うのか、ターゲットやコンバージョンを明確にし、今後を見据えた「Web戦略の最適化」と、その結果としての「ROIの最大化」を実現できる「マルチデバイス最適化」の方法を見つける参考にしていただければと思います。