モバイルファーストインデックスとは。Magazineデザインモバイルファーストインデックスとは。重要性や対応方法のまとめモバイルファーストインデックスとは。2022-05-17Webサイトの制作や運用において、モバイルファーストインデックスという言葉を耳にするようになりました。モバイルファーストインデックスとは何なのか、概要や従来のインデックス方式との違いや、具体的な対応のポイントについて解説します。ツイートシェアはてなこの記事の目次モバイルファーストインデックスとは従来の方式との違いモバイルファーストインデックスの重要性こんなサイトは要注意モバイルファーストインデックスの通知と確認モバイルファーストインデックスへの対応デザインのポイントまとめモバイルファーストインデックスとはWebサイトの制作・運用において、モバイルファーストインデックスという考え方が非常に重要視されています。モバイファーストインデックスとは何なのか、検索エンジンの仕組みを踏まえて解説します。Google発表の評価方式モバイルファーストインデックスとは、Googleが発表したWebページの評価方式で、2018年3月より正式に運用が開始されています。それまでGoogleではパソコン用Webページのコンテンツを中心に評価していましたが、モバイルファーストインデックスの開始により、スマートフォン用Webページのコンテンツを主に評価するようになりました。インデックスとはインデックスとは、検索エンジンのデータベースに記録されていることを指します。インデックスには索引という意味があるように、使いやすく整理分類された状態でデータベースに記録されます。したがって、検索エンジンにインデックスされていないWebページは検索結果にも表示されません。作ったばかりのWebページは、後述のクローラーによるデータ収集が行われていないため、インデックスされていないケースがあります。クローラーとはクローラーとは、Webページを巡回して必要な情報を収集するプログラムのことを指し、ロボットと呼ばれることもあります。Googleなどの検索エンジンはこのクローラーを使って集めたWebページの情報をデータベースに記録(インデックス)しているのです。クローラーがデータを収集しなければ検索エンジンに登録されません。そのため、クローラーが巡回しやすいWebページを作ることが重要です。従来の方式との違いモバイルファーストインデックスが適用される前は、パソコン用のWebページがインデックスの評価判定に使われていました。モバイルファーストインデックスへの変更によって何が変わったのか、それぞれのインデックス方式について解説します。従来のインデックス方式はパソコン用Webページのコンテンツを基準にインデックスされていました。スマートフォン等のモバイル機器を使って検索するときも、パソコン用のWebページをもとに検索順位が決められていたのです。モバイル機器からの検索については、文字の大きさや画像のレイアウトがモバイル機器用に最適化されているかどうかを判定し、対応されている場合は順位を上げるという補正が用いられていました。モバイルファーストインデックスによる方式モバイルファーストインデックスは、スマートフォン用Webページのコンテンツをもとにインデックスし、検索順位を決定する方式です。パソコンから検索する場合も、このインデックスを基準にした検索順位で表示されるように変更されました。したがって、パソコン用にしか対応していないWebサイトは、モバイルファーストインデックスの採用により、評価が下がってしまうと言えます。モバイルフレンドリーとはモバイルフレンドリーとは、スマートフォンやタブレット等のモバイル機器用にWebページの表示を最適化することです。スマートフォンの小さな画面でも読みやすいように、適切なフォントが用いられているか、画像や図表などの配置や大きさは適切か、リンクがタップしやすい位置に配置されているかなどが基準として設けられています。サイトがモバイルフレンドリー対応しているかどうかは、Googleが提供している『モバイルフレンドリーテスト』を使うことで確認することができます。モバイルフレンドリーテストモバイルファーストインデックスの重要性そもそもGoogleがモバイルファーストインデックスを適用したのは、その方式に重要性があるからです。モバイルファーストインデックスの重要性について解説します。近年、スマートフォンやタブレット等モバイル機器が普及したことにより、2015年にはモバイルからの検索数がパソコンからの検索数を上回る結果となりました。2018年に総務省が発表した通信利用動向調査によると、2017年のインターネット利用機器(個人利用)はスマートフォンが59.7%、パソコンが52.5%となっており、スマートフォンはインターネット閲覧によく使われていることが分かります。同調査によるとスマートフォンの保有割合はパソコンの保有割合を上回っており、今後スマートフォンからのインターネット利用がさらに増加することが予測されます。|総務省スマホの利便性がポイントスマートフォン等のモバイル機器には、場所や時間を問わず気軽に検索ができる利便性があります。パソコンは基本的に屋内で使いますが、スマートフォンであればテレビのCM中や電車での移動中など、ちょっとした時間にすばやく検索をすることが可能です。この利便性の違いが、モバイル機器からの検索数を大きく増加させた理由だと言えるでしょう。前述のとおり、モバイル機器からの検索数がパソコンからの検索数を上回っているにもかかわらず、パソコン用Webサイトのコンテンツをインデックスや検索順位の決定に使用しているという矛盾が発生していました。この矛盾を解決するために、Googleはモバイルファーストインデックスを本格採用することを決定したのです。こんなサイトは要注意モバイルファーストインデックスが適用されたことにより、従来のインデックス方式とは違った基準でWebサイトが評価されるようになりました。注意すべきサイトの特徴を紹介しますので、自分のWebサイトが該当していないかチェックしてみてください。コンテンツがスマホとPCで異なる同じWebページでもパソコン向けに用意しているコンテンツと、モバイル向けに用意しているコンテンツが著しく違う、あるいはモバイル向けのコンテンツを用意していない場合は注意が必要です。これは今ほどモバイル機器が普及していない時代に、パソコン向けのWebページをメインに作り、必要なWebページはモバイル向けに簡略化して別URLで管理しているWebサイトに多く見られるケースです。ページ分割がスマホとPCで異なるページ分割とは、情報量の多いコンテンツやカテゴリごとのリストを複数のページに分割することを指し、ページネーションと呼ばれることもあります。情報量が多いとページの読み込みに時間がかかり、ユーザーにストレスを与えることがあります。そこでコンテンツを分割して1ページあたりの情報量を減らすのがページ分割の目的です。検索エンジンに連続したページであると認識されるためには、適切にマークアップ(意味付け)をすることが必要です。モバイル用のページが、パソコン用のページよりも細かく分割されていて、きちんとマークアップされていない場合は、評価が下がる危険があります。適切なマークアップをしておきましょう。表示速度が遅い表示速度の遅いWebページは、検索エンジンからの評価も悪くなります。表示速度はパソコン向け・モバイル向けにかかわらず、Webページにとって重要なポイントですが、モバイルはパソコンに比べるとほとんどの場合表示速度が遅いため、今まで以上に重要視する必要があるでしょう。Insights』で計測することができます。Insights』を使えば、修正すべきポイントが表示されるので改善に役立ちます。Insightsモバイルファーストインデックスの通知と確認モバイルファーストインデックスが適用されると、Googleよりその旨が通知されます。通知を見逃してしまった場合でも、いつでも確認できるので、心配な人はチェックをしてみましょう。Consoleに通知が届きます。これは、正常にモバイルファーストインデックスが適用されたというただの通知ですので、特に何かアクションを取る必要はありません。通知以降はモバイルファーストインデックスに対応したWebページにしておかないと、検索順位やサイトへの流入数が下がる可能性があるので、注意が必要です。Consoleから確認することもできます。以下に具体的な確認方法を紹介します。Consoleから『URLの検査』を選択し、調査したいWebサイトのURLを入力します。すると検査が終了し、結果画面が表示されます。結果画面にはいくつかの項目がありますが、そこから『カバレッジ』を選び、『ユーザーエージェント』をチェックしましょう。bot』と表示されていれば、モバイルファーストインデックスが適用されていることになります。検索エンジンから正しい評価を受けるためには、モバイルファーストインデックスへの対応が欠かせません。具体的な対応方法について解説します。レスポンシブデザインにするモバイルファーストインデックスへの対応で、最も効果的なのがレスポンシブデザインを適用することです。レスポンシブデザインとは、ユーザーが閲覧するデバイス(パソコンやスマートフォン)の画面サイズに応じて、コンテンツの表示サイズを自動的に変えることができるデザインを指します。レスポンシブデザインを使えば、モバイル用に別のページを用意する必要がなく、簡単にモバイルファーストインデックスへの対応が可能です。Webサイトをレスポンシブデザインにするには、あらかじめレスポンシブデザインに対応したサイトテーマを使うほか、CSSを変更することでも対応できます。用途やスキルに応じて対策方法を選びましょう。スマホとPCのコンテンツの差異をなくす前述のとおり、モバイル向けのWebページとパソコン用のWebページのコンテンツに差異があると、検索エンジンから正しく評価されない恐れがあります。レスポンシブデザインを適用しておらず、モバイル用とパソコン用でURLを分けて管理しているWebサイトは、それぞれの内容を揃えることを忘れないよう注意が必要です。モバイルファーストインデックスにより、モバイル向けのページがメインでインデックスされるようになりました。少なくとも重要なコンテンツだけはパソコン・モバイルともに同じ内容にしておくことが求められます。表示速度はパソコン、スマートフォンに限らず、Webサイトのインデックスや順位付けに影響を与える要素です。表示速度が遅ければユーザーにストレスを感じさせ、最悪の場合は離脱につながりかねません。したがって、表示速度は可能な限り速くする必要があります。Insights』を使って表示速度を把握し、速度が遅い場合はページを分割して1ページあたりの情報量を減らしたり、表示する画像を適切なサイズにしたりすることが必要でしょう。デザインのポイントモバイル機器、特にスマートフォンからの閲覧を意識したデザイン設計も、モバイルファーストインデックスにおける重要な要素です。具体的なデザインのポイントについて解説します。メニューは差異があっても問題ないパソコン用にデザインされたWebサイトには、サイドメニューやグローバルナビゲーションメニューが設置されていますが、モバイルファーストインデックスの評価対象はメインのコンテンツであり、これらのメニューには特に問題がないとされています。これらのメニューはスマートフォンの小さな画面では再現することは難しいため、モバイル用にハンバーガーメニューなどに変更しても問題ないというのがよくある見解です。スマートフォンでも操作しやすいメニューを設計することが重要です。このことについては後述します。タッチパネルでの操作を意識キーボードやマウスを使うパソコンと異なり、スマートフォンはタッチパネルでの操作がメインです。したがって、Webサイトのデザインもタッチパネルによるタップ操作やスワイプ操作を意識して設計する必要があります。ボタンをタップしやすいように大きめのサイズにする、複数のリンクを設置する場合は、誤って隣のリンクをタップしないよう距離を空けて設置するといった配慮が必要です。設置されているボタンやリンクが押せるものなのかどうか、ユーザーがひと目で分かるようなデザインにすることも重要でしょう。具体的にはボタンの形を工夫する、リンクだと分かるように色を変更するといった対応が考えられます。小さな画面サイズの意識モバイル機器、特にスマートフォンはパソコンと比べると画面サイズが小さいため、表示可能な情報量に制限があります。文字量が多ければ縦に長くなり、ユーザーはそれだけ長くスクロールし続けなくてはなりません。横長の図や画像を入れてしまうと、ユーザーは横へのスクロールや縮小をしなければならなくなります。このようなユーザーへの負担を可能な限り軽減しつつ、ユーザーが求めている情報を小さな画面でもすばやく見つけることができるようなデザインが求められるのです。片手での操作の意識スマートフォンは片手で操作するもの、という意識を持つことも必要です。実際に片手でスマートフォンを操作してみると分かることですが、画面の上部は指が届きにくい部分です。右利きの人であれば、画面の左上は特にタップしづらく感じるでしょう。Webサイトの左上部分には、ナビゲーションメニューなどを配置することがありますが、ユーザーの使いやすさを考えてデザインを見直す必要があります。画面右上へのメニュー設置や、画面下部への固定メニュー設置などが考えられます。実際にスマートフォンでWebサイトを閲覧してみて、ユーザー目線で検討すると改善すべきポイントが見つけやすくなるでしょう。まとめスマートフォンからの検索数増加に伴って採用されたモバイルファーストインデックスは、今後Webサイトを制作・運用していく上で重要なポイントです。モバイルファーストインデックスについての正しい知識を身につけるとともに、最新の情報に注意を払い、常にWebサイトが最適な状態で検索・表示されるようにしておきましょう。2024-07-25黎明期から使ってきたC#の将来性について考える。2024-02-22毎月拡大を続ける「スニダン」開発組織。VPoE林氏が見据える次の打ち手と、OffersMGRへの期待とはスニーカー&トレカフリマアプリ「スニダン」を運営する株式会社SODA。MGRを導入した同社は、プロダクトの成長に伴って毎月新たなメンバーが増えている。OffersMGRで開発効率を改善し、数値を意識した組織にしていきたい。」を展開するクロスマート株式会社。2023-12-25Webエンジニアから「Salesforceエンジニア」へ。2024-04-11業務委託における経費精算の方法。2024-04-11フリーランスの税金事情。2024-04-11フリーランスで月40万円稼げる職種とは。学ぶ基準の明確化を解説2024-11-01【2024年11月】エンジニア採用コスト削減の方法とは?フルリモートや副業採用のメリットを紹介2024-11-01【2024年11月】エンジニア人材派遣の魅力を探る。