ページの見やすさが離脱率の軽減にも重要

　スマホはPCより画面がはるかに小さいため、スマホでPC用のサイトを見たときに読みづらさやタップのしづらさ、拡大する手間の面倒くささを感じると思います。多くのサイトがモバイルフレンドリー対策をしている今は、対応できていないページの見づらさは特に目立ってしまっています。消費者がせっかくサイトに訪問してくれても、表示される画面がスマホに最適化していなければユーザーエクスペリエンスが著しく低下し、離脱につながりかねません。仮にその商品を購入したい意向があっても、小さな画面上で決済・配送・ギフト包装などの知りたい内容に到達しづらいようでは、離脱や余計な問い合わせ数の増加も懸念されます。

 

モバイルフレンドリーに対応する方法

・レスポンシブＷｅｂデザイン

　ＰＣ、スマホ、タブレットなどの画面の大きさに応じてＵＩ（ユーザーインターフェース）を変更する方法です。一つのＵＲＬで各デバイスの画面に対応できるため、ページの更新も一度の作業で各デバイスに対応できるため管理がしやすいほか、例えばＰＣからスマホにＵＲＬを転送しても問題なくページが見られる点が特徴です。管理しやすい一方で、ＰＣもモバイルも同じ画像や動画を表示することになるため、モバイルにとっては大きすぎる容量のファイルを使用すると表示速度が遅くなってしまう点に注意が必要です。

 

・セパレートタイプ（セパレートＵＲＬ）

　PCサイトとモバイルサイトを別のＵＲＬでそれぞれ制作する方法です。サイト制作や管理に手間はかかりますが、デバイスごとにこだわりたいデザインやレイアウトなどがある場合にも、細かな反映が可能となる点が特徴でます。ＰＣとモバイルそれぞれのＵＲＬをＧｏｏｇｌｅが認識し、また、両方を関連付けて検索順位を下げないようにするために、“アノテーション”というタグの設定をすることをお勧めます。

 

・ダイナミックサービング

　レスポンシブＷｅｂデザインと同様、一つのＵＲＬでＰＣにもモバイルにも対応した画面を表示しますが、ＣＳＳのみを切り替えるレスポンシブＷｅｂデザインに対し、ダイナミックサービングはＨＴＭＬとＣＳＳの両方を切り替えることで、スマホなどのモバイルからのアクセスに対してモバイル用のページを表示します。レスポンシブＷｅｂデザインより制作に時間を要しがちですが、セパレートタイプのようにデバイスごとにデザインやレイアウトをカスタマイズできる点が特徴です。

 

テストツールでページがモバイルフレンドリー対応済みかチェック

　ページがモバイルフレンドリーに対応しているかを簡単にチェックできるツールを紹介します。

 

・モバイルフレンドリーテスト

（https://www.google.com/webmasters/tools/mobile-friendly/　←※参考まで）

　Ｇｏｏｇｌｅが提供している無料診断ツールで、ページのＵＲＬを入力するだけでモバイルフレンドリーの対応ができているか否かをチェックできます。対応できていれば分析結果に「このページはモバイルフレンドリーです」と表示され、対応できていなければその理由が表示されます。ページ単位でＵＲＬを入力する必要がありますが、特別な権限や設定などが不要で誰でも簡単にチェックできる点が特徴です。

 

・Ｇｏｏｇｌｅ　Ｓｅａｒｃｈ　Ｃｏｎｓｏｌｅ

（https://www.google.com/webmasters/tools/home?hl=ja　←※参考まで）

　グーグルサーチコンソールは、ユーザーがどのような検索ワードで流入したか、検索結果からどのくらいクリックされているかなどが把握できるため、ＳＥＯ対策やマーケティングの目的で活用されることの多いツールですが、この中の「モバイルユーザービリティ」というメニューからモバイルフレンドリー対応のチェックができるようになっています。分析結果では、モバイルフレンドリーに対応していないページがエラーとして表示されます。

 

　Ｇｏｏｇｌｅが検索結果の順位を決定づける指標としてページの表示速度も重視していますが、使用している画像の容量がモバイルには大きすぎる場合や、多くの外部ファイルを読み込んでいる場合などは表示速度が遅くなりがちです。ページの表示速度を重点的にチェックして改善するためには「Ｇｏｏｇｌｅ　Ｄｅｖｅｌｏｐｅｒｓ　ＰａｇｅＳｐｅｅｄ　Ｉｎｓｉｇｈｔｓ」や「Ｇｏｏｇｌｅ　Ｔｅｓｔ　Ｍｙ　Ｓｉｔｅ」の活用も有効です。

 

まとめ

　モバイルフレンドリーへの対応は、検索結果の上位表示とコンバージョンの向上のため、通販・ＥＣ事業者にとっては特に重要な対策となっています。モバイルフレンドリーのサイトを制作する方法はいくつかありますが、それぞれに特徴があることと、一度対応した後で別の方法でやり直すには手間がかかってしまうため、対応日数や予算などを勘案して取り組まなければいけません。また、日々増えるページの中にモバイルフレンドリーと評価されないページがないよう、こまめにチェックを行っておくと安心です。