Web関連

スマートフォン専用サイトに力を入れないといけないワケ

0

こんにちは。
2月~4月にかけて花粉症で目の痒さに悩まされる
デザイナー兼コーダーの石塚です。

最近、私の両親がケータイ(ガラケー)からスマートフォンに替えました。
今までは、ケータイのままで何も不便がないと言っていた両親なのですが、スマートフォンの便利さに気づいたらしく、スマートフォンの虜となっています。

そんなスマートフォンですが、
日本国内におけるスマートフォンの所持率はどのくらいだと思いますか?

NTTドコモ モバイル社会研究所が2019年に行った調査によると、スマートフォンの所持率は83.9%で、2018年の調査と比べると、約10%上昇しています。
ちなみに、60代は約7割、70代は約4割の方がスマートフォンを所持しています。

 

2017年に総務省が行った調査で、パソコンよりもスマートフォンでWebサイトを閲覧する割合が多いという調査結果を出しています。
そんな時代だからこそ、スマートフォンサイト(以下、SPサイト)に力を入れる必要があるのです。
BtoBモデルの会社も他人事ではありません。
SPサイトに力を入れていないとどのようなデメリットが発生するのか紹介しましょう。

デメリット1:ページからの離脱

スマートフォンでWebサイトを表示させたとき、「情報が見つけにくい」「PCページが表示される」という場面に出くわしたときに、あなたはどのような行動をとりますか?

情報が見つけにくいというのは、ユーザーにとっては非常にストレスです。
ユーザーはストレスを感じると、すぐに別のサイトに遷移するという傾向にあります。

gazou03.jpg

スマートフォンでPCサイトが表示されるは論外ですね。
なぜなら、PCサイトが表示されるということは、そのサイトは古いものだと判断され、
SPサイトの新しそうなサイトを求めて、離脱していきます。

だからこそ、ユーザーの離脱を防ぐために、見やすく、作りこまれたSPサイトが必要なのです。

デメリット2:SEOの順位が下がる

「モバイルフレンドリー」「モバイルファースト」という言葉を聞いたことありますか?
この2つは、どちらもSEOにかかわるGoogleの施策になります。

●モバイルフレンドリー

名前のとおりモバイルは友達です。
簡単に説明すると、スマートフォンでサイトを閲覧する人たちのために、SPサイトを使いやすいものにしましょうというものです。
モバイルフレンドリー対応しているサイトは、スマートフォンで検索した際に、PCのページしかないサイトよりも優先的に上位に表示されるメリットがあります。

悪い例は、デメリット1でも例に挙げた「情報が見つけにくい」「PCページが表示される」などです。
これはサイトとしての評価が下がってしまいます。評価が下がってしまうということは、SEOでの順位も下がってしまうにつながるのです。

「うちは、すべて画像だけどSPページは持っている」というところもあるかもしれませんが、それも間違っています。
ページの表示速度もきちんと考える必要があります。
画像というのは、ファイルサイズの大きいデータです。
4、5枚ほどであれば、そんなに問題はありませんが、大量になるとそれだけ読み込むファイルが多くなります。多くなると、ページが表示されるスピードも下がってしまいます。
その分、ページが表示されるまでの待ち時間も増えるわけですので、これもまた、ユーザーのストレスにつながってしまいます。

ちなみに、4、5枚ほどでもそんなに問題ないとは言っていますが、画像を軽量化していることが前提です。
とあるサイトで体験したのですが、画像1枚表示されるのに10秒ぐらいかかるサイトがありました。これもユーザーのストレスをためる要因となりますので、画像を軽量化する必要があるのです。

表示速度が3秒かかると約50%のユーザーがページから離脱すると言われています。

サイトのSPサイトの有無、使いやすさ、表示速度はユーザーのために気を付けないといけないということを覚えておいてください。

また、「レスポンシブ」に対応しているサイトは、より評価をされるようになっています。
レスポンシブは更新がある際に、1つのソースを触るだけで更新が終わるので、SPサイトの更新をし忘れるということがなくなるので、モバイルフレンドリーではレスポンシブ対応を推奨しています。

●モバイルファースト

モバイルファーストというのは、「Webを制作・運用をしていくうえで、SPサイトを優先的に考えて制作すること」です。レディーファーストをスマートフォンに置き換えれば、イメージつきやすいかもしれません。
需要の増えているスマートフォからサイトに訪れるユーザーのことを考えて、SPサイトの使いやすさ・見やすさを意識しないといけません。

使いやすさを重視するのはもちろんですが、コンテンツもしっかりと作りこむ必要もあります。
これは、「モバイルファーストインデックス」の対策です。
一昔前は、サイトの評価基準はPCサイトだったのですが、モバイルファーストインデックスの実施により、SPサイトが評価基準となりました。
そのため、「PCよりもコンテンツが少ない」「SPページがほとんど画像」となってしまうと、高い評価が得られず、PCでのSEOの順位も下がってしまうという結果になります。

SEOの順位を下げないためにも、SPサイトをしっかり作り込むということを覚えておいてください。

これからは、SPサイトの時代

先に述べたように、スマートフォンの所持率、SPサイトの閲覧率の増加により、ますますSPサイトの需要というものは増えてきます。
ただし、PCからWebサイトを閲覧するユーザーもまだまだ多いという状況です。
なので、PCもSPも同じぐらい力を入れる必要があります。

まずは、「訪れるユーザーのことを考える」ということを意識してWeb制作・運用をしていきましょう

0

4つのポイントを押さえて、シンプルにデザインする前のページ

子供のプログラミング教育のために、プログラミングおもちゃ『embot(エムボット)』を買ってみた。次のページ

ピックアップ記事

  1. 新型コロナウイルスで日本の働き方改革が起こる
  2. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  3. 新しい販売形態であるDtoCについて考えてみる
  4. AIに求められているものは、実は意外な物だった

関連記事

  1. Web関連

    売れるキャッチコピーを作る法則とは…

    皆さん、こんにちは。展示会で呼び込みをしてました坂元です。突然ですが…

  2. Web関連

    アフターコロナの今がチャンス。D2C戦略で顧客獲得

    D2CについてD2Cとは「Direct to Consumer」の…

  3. Web関連

    現場レベルのデータ分析。セルフサービスBI活用シチュエーションを考えてみた

    従来のやり方や、経験者の勘に従った「こうすれば売れるはず!」というマ…

  4. Web関連

    業務を効率化できるサービス 第3回

    こんにちは、システムエンジニアの小森です今回は業務を効率化するため…

  5. Web関連

    Web制作にも使えるかもしれない面白い心理学を集めてみました。No,4

    心理学をずっと紹介してきましたが、読んでいて分かるように人間性を見極め…

  6. Web関連

    HTML5の最新技術を知ろう!~その2~

    html5の技術を使ったトレンドを紹介させてもらいます。今回紹…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. AIさくらさん

    AIチャットボットの共通するメリット・デメリットとは?
  2. Web関連

    離脱されないECサイトに必ずある9つのポイント
  3. AI関連

    新しい時代のビジネスモデル「デジタルトランスフォーメーション(DX)」とは?
  4. AI関連

    物流業界にもAIを! 深刻な人材不足を人工知能がアシスト!
  5. サービス・新技術

    持つべきなのか?運転免許証+マイナンバーカード
PAGE TOP