パソコンとスマートフォンの閲覧比率を確認する方法

以下のような記事が公開されていたので、今回はGoogleアナリティクスでパソコンとモバイル(スマートフォン)の閲覧比率を確認する方法について触れたいと思います。

この記事が出たのは2015年、Googleがスマートフォンでの見やすさを検索順位の判断材料に加えたころでした。いまはさらに進んで、Googleはスマートフォンで表示したときの内容を基準にサイトを評価するようになっています。

ところで、Googleアナリティクス入れてます?

ウェブサイトを運用していく上では、客観的なデータの確認は欠かせません。繰り返しになりますが、ウェブサイトを作ったらアクセス解析を1つ配置しておきましょう。

パソコン閲覧者とモバイル閲覧者の比率

Googleアナリティクスは多機能で便利なのですが、多機能がゆえに、見たいデータがどうしたら表示できるのかすぐには分かりにくいことも多いです。

以下で紹介するとりあえずパソコンとモバイルの比率を表示させる手順も、知ってみれば「それだけ?」という簡単さです。

1.左側のメニューから「レポート」「ユーザー」「テクノロジー」を開く

Googleアナリティクス(GA4)の左側に並ぶメニューから「レポート」を開き、「ユーザー」の中にある「テクノロジー」の「概要」を選択します。

画面右上の期間は、初期設定だと直近の28日間になっています。業務によっては月ごとの波がありますので、過去3か月程度に広げて見るほうが傾向をつかみやすいです。

2.「デバイス カテゴリ」のカードで比率を見る

概要の画面に並ぶカードの中に「デバイス カテゴリ」があります。ここに desktop(パソコン)、mobile(スマートフォン)、tablet(タブレット)ごとの割合が表示されます。

数字を表で確かめたいときは、カードの下にある「デバイス カテゴリを表示」をクリックすると、「ユーザーの環境の詳細」の表に切り替わります。

なお、GA4ではユーザーの数で比率が表示されます。以前のGoogleアナリティクスはセッション(訪問)の数が基準だったので、昔の数字と比べるときは数え方が違う点に気を付けてください。

下の画像はこの記事を書いた当初に撮った、以前のGoogleアナリティクスの画面です。いまの画面とは見た目が異なりますが、比率の読み方は変わりません。

以前のGoogleアナリティクスの画面。desktopが約66パーセント、mobileが約30パーセント、tabletが約4パーセント

士業事務所のウェブサイトのうち、取扱業務が対企業となりやすい業務(BtoB的な業務)は上記画像のように、デスクトップ(青色の部分)が多数を占めていることが多くありました。

上のようにパソコン比率が高い場合でも、約3割の人はモバイル(スマホ)で閲覧していますから、スマホ対策を行うのも反応率(CVR)改善の施策としては取り入れたいところです。

いまは対企業の業務でも、スマートフォンからの閲覧がパソコンを上回っている事務所も珍しくありません。「うちはBtoBだからパソコンで見られているはず」と思っていても、一度は確かめておきたいところです。

対個人向け業務のモバイル比率

一方、業務内容が対個人向けのもの(BtoC的な業務)は、スマホ比率が50%を超えてくることも多く、場合によっては7割以上がスマホということもあります。

以前のGoogleアナリティクスの画面。mobileが約52パーセントで、desktopの約41パーセントを上回っている

上のように、モバイル(スマホ)が半数を超えているウェブサイトでは、早急にスマホ対策を行うべきです。もし現状、パソコンからの閲覧にしか対応していないとしたら、電話相談以前の段階で、スマホ対策を行っている競合事務所に競り負けている可能性が十分考えられます。

パソコンからスマートフォンでの表示画面を確認する

スマートフォンで閲覧した場合にウェブサイトがどのように表示されるか、最終的にはスマートフォン自体で確認したほうが確実ですが、ちょっとした修正ごとにスマートフォンに持ち替えて確認するのも面倒です。

そこで、見栄えの修正後の確認などは、ブラウザChromeのデベロッパーツールを使って、パソコン画面上で行ってしまうのが便利です。

Chromeでサイトを表示させた状態で、キーボードのF12キーを押せば画面右側(設定によっては下側)にデベロッパーツールが開きます。

そのまま、右上のほうに表示されるスマートフォン用の表示ボタン(「デバイス ツールバーの切り替え」)をクリックすればOK。

Chromeのデベロッパーツールにある、スマートフォン用の表示ボタン

何のスマートフォンで閲覧した状態にするか、画面上で変更も可能です(スマートフォンに限らず、iPadなどのタブレットにも変更可能)。

表示する機種を選ぶメニュー

これで、スマートフォンで閲覧した画面をパソコン画面で確認することができます。ただし「ほぼ」スマートフォンと同じ表示という状態なので、修正や変更の作業が完了した後、最後は実機で表示や動作の確認を行うほうが無難です。

スマホ用の電話ボタンは表示されている?

「うちの事務所のウェブサイトは、スマホ対策済だから大丈夫。」そう仰る士業さんのウェブサイトでも、実はスマホからの閲覧には対応していても、スマホ閲覧者への電話ボタン表示まではできていないことが少なくありません。

せっかくボタンをタップするだけで電話がかけられるスマートフォンなのですから、反応率向上の対策として、電話番号ボタンは表示させておきましょう。

電話番号を画像で載せている場合は、タップしても電話はかかりません。実機で開いて、電話番号をタップしたときに発信の画面が出るかを一度確かめておくと安心です。

比率はページごとにも見てみる

サイト全体の比率を確かめたら、もう一歩だけ進めて、ページごとの比率も見ておくと手を入れる順番が決めやすくなります。

GA4の「レポート > ライフサイクル > エンゲージメント > ランディングページ」を開き、画面上部の「比較を追加」から、ディメンションに「デバイス カテゴリ」を選んで mobile と desktop を並べます。

すると、たとえばトップページはパソコンで見られていても、相続や離婚など個人向けの業務案内のページはほとんどがスマートフォン、ということが分かったりします。入口になっているページのうち、スマートフォンからの訪問が多いページから、実機で開いて読みやすさや電話ボタンの位置を確かめていくのが近道です。

同じ表で、スマートフォンだけエンゲージメント率が大きく低いページがあれば、スマートフォンでの表示に問題がある可能性も考えられます。

どのウェブサイトからスマホ対応させるべきか

以上がパソコンとモバイルの閲覧比率確認の簡単な手順でした。この比率は、たとえば複数ウェブサイトを展開している士業事務所さんが「どのウェブサイトからスマホ対応させたらいいかな?」と検討する際に参考になります。

この記事を書いた当時は、昔から存在する士業事務所のウェブサイトに、まだスマートフォンに対応していないものも多く見受けられました。スマホ非対応のウェブサイトは、訪問者の反応率だけでなくGoogleの検索結果でもマイナス要素となりかねない、とお伝えしていたのはそのためです。

いまはGoogleがスマートフォンで表示したときの内容を基準に評価するようになり、このマイナスはいっそう大きくなっていると考えたほうがよいでしょう。

スマホからの閲覧比率が高いウェブサイトはもちろん、比率が低いウェブサイトにも対策は急務です。

ご相談・お問い合わせ

お困りの方はメールにてお問い合わせください。

メールでのご相談・お問い合わせ

    お名前必須

    メールアドレス必須

    事務所のある都道府県(事務所を置く予定の都道府県)

    ご希望の相談場所

    お問い合わせの内容