モバイルファーストインデックス

引用元

種の中で最も強いものが生き残るのではなく、最も変化に適応できるものが生き残るのです。
- チャールズ・ダーウィン著

インターネットはまだ比較的新しく、進化を続けています。人々がインターネットを検索するとき、もはやコンピュータの前に座って慎重に検索クエリを入力することはありません。2017年以降、インターネットユーザーの約半数は、パソコンではなくモバイルデバイスを使ってインターネットを検索しています。

ユーザーがインターネットを検索する方法を変えるにつれ、検索エンジンは最も関連性が高く役立つ結果を表示するために、コンテンツをインデックスする方法を変えなければなりません。つまり、検索結果で上位に表示されたいのであれば、ウェブサイトを通じて情報を整理し、提示する方法を常に変えなければならないのです。

地域によって異なるが、全世界のユーザーの約半数が アール を使用してインターネットにアクセスする。 モバイル のデバイスを使用しています（Statista調べ）。

これは、約30％から大幅に増加したことになります。 において 2015.デスクトップパソコン用に設計されたウェブサイトや、モバイルフレンドリーなサイトでない場合、検索エンジンの ランキング の結果は、時間の経過とともに低下します。

ウェブサイトは当初、人々がデスクトップコンピューターからインターネットにアクセスすることを前提に開発された。これによって れんじゅう は、デスクトップコンピュータのブラウザが非常に速く読み込んで処理する、複雑なプログラミングロジックを含むウェブサイトを構築するために使用されます。

しかし、ユーザーが携帯電話やタブレット端末を利用するようになると、モバイル端末のブラウザではこれらのウェブサイトを素早く読み込んで処理できないことが多くなります。
その結果、一部の企業では、モバイル端末で合理的な時間内に読み込んで処理できる「ライト」バージョンのウェブサイトを作成しています。このようなバージョンを作成するために、企業はデスクトップ版の特徴や機能の多くを排除しなければならないことがよくあります。

ユーザーがウェブサイトにアクセスすると、ウェブサイトは使用されているデバイスの種類を判断し、モバイルデバイスユーザーにはデスクトップユーザーとは異なるウェブページを提供します。

携帯電話でGoogle検索をしたときに、まさにそのような検索結果が表示されることを想像してみてください。 なにごと をご覧ください。しかし、検索結果をクリックすると、検索結果が示すものが表示されない。なぜなら、あなたがモバイル端末を使用していると判断したとき、ウェブサイトは別のウェブページを提供したからです。

一般的なユーザーは、検索結果に記載されている内容と一致しないため、この不十分さをGoogleのせいにしているのです。

まさにこのような理由から、Googleは2018年3月にモバイルファーストインデックス戦略を発表しました。Webサイトのデスクトップ版をインデックスするのではなく、Googleはモバイル版をインデックスするようになったのです。また、2018年7月には、Googleはモバイル検索ランキングにページ速度を使用し始め、検索結果をランキングする際に、モバイル端末での読み込みが速いウェブサイトを、読み込みが遅いウェブサイトよりも優遇することを意味するようになりました。これは、モバイル版のないWebサイトがインデックスされないということではなく、読み込みの速いモバイルフレンドリーなWebサイトの方が、デスクトップパソコンを必要とするパフォーマンスの遅い重いWebサイトよりも、Google検索結果で上位に表示される可能性が高いということを意味しています。

純粋な、Googleのモバイルファーストインデックス戦略とは、多くの場合、ウェブサイトの完全な再設計を意味します。モバイル端末をターゲットにしたデザインから、デスクトップパソコンなど他のプラットフォームにも対応したデザインにすることになります。モバイルファーストインデックスに対応したデザインは、一般的にシンプルかつ簡潔で、幾何学的な形、明るい色、強いタイポグラフィー、ホワイトスペースなどをデザイン要素として使用します。

コール・トゥ・アクションの要素を前面に打ち出し、チャットやチャットボットといった最新のコミュニケーション手段を取り入れたデザインです。Googleのモバイルファーストインデックスに登録されたサイトは、言うまでもなく読み込みが速く、その速度を維持・向上させるために常に計測されています。

モバイルファーストインデックスに対応したウェブサイトの完全な再設計の準備ができていない場合、現在あるものをモバイルフレンドリーに適合させることができます。この場合、デスクトップ版のウェブサイトをモバイルデバイス用に変更することになるため、技術的にはGoogleのモバイルファースト戦略ではありません。しかし、検索エンジンにモバイルファーストとして表示されることを可能にする、モバイルファーストインデックスのウェブサイトデザインへの道筋を示す、実用的なステップと言えます。

現在のウェブサイトをこのGoogleモバイルファーストの環境に適合させる場合、一般的には、使用するデバイスに関係なく、すべてのユーザーに同じコンテンツを提供することが目的です。

しかし、コンテンツを見るための画面の大きさによって、コンテンツのフォーマットや見せ方は異なります。メニューやボタンなど、パソコンからアクセスしたときにだけ表示される機能を追加することは、この移行期においても許容されます。Googleだってそうです。

幸いなことに、このモバイルフレンドリーへの移行をこれまで以上に容易にするツールが存在します。また、成功度を測定し、まだ改善が必要な分野を特定することができるツールもあります。

このように、よりモバイルフレンドリーなウェブサイト、あるいはGoogleモバイルファーストのウェブサイトに移行するために、取り入れるべき言葉は「レスポンシブ」です。レスポンシブWebデザインとは、ユーザーのプラットフォーム、方向、画面またはウィンドウのサイズに応じて、Webサイトの表示を自動的に適応させるアプローチです。

デスクトップコンピューターで開いている、コンピューターのモニターに見えるウェブサイトを想像してください。ウィンドウの隅をクリックしてドラッグし、ウィンドウを小さくすると、何が起こるでしょうか。レスポンシブでないWebサイトでは、何も起こりません。これまで見えていたものがすべて切り取られ、そのコンテンツを見るために左右にスクロールしなければならなくなるだけです。

しかし、レスポンシブWebサイトでは、閲覧ウィンドウが一定のサイズに達すると、Webサイトが自動的に再フォーマットされ、すべてのコンテンツがそのウィンドウに表示されたままになります。コンテンツは横並びではなく、縦に積み重ねられます。すべてのコンテンツを見るにはページをスクロールする必要がありますが、表示されるコンテンツはウィンドウ内に収まり、左右にスクロールして見る必要はありません。

WordPressなどのコンテンツマネジメントシステム（CMS）を使用している場合、レスポンシブ対応のテーマを使用する必要があります。現在使用しているテーマがレスポンシブでない場合、より新しいレスポンシブバージョンがあれば、そのバージョンにアップグレードしてください。レスポンシブ対応版がない場合は、レスポンシブ対応テーマに切り替えてください。

重い荷物はほとんどテーマがやってくれるでしょう。レスポンシブページがさまざまなモバイルデバイスでどのように見えるかを確認し、レスポンシブページにうまく変換できない一部の情報の表示方法を変更する必要があるかどうかを判断する必要があります。

CMSを使用していない場合は、Bootstrapなどのツールキットを使い始めるとよいでしょう。Bootstrapは、HTML、CSS、JavaScriptを使ったWeb開発のためのオープンソースのツールキットです。レスポンシブ・グリッドシステム、プリビルドされたフロントエンド・コンポーネント、プラグインを使用して、レスポンシブでGoogleモバイルファーストインデックスに対応したウェブサイトを構築することができます。

新しいデザインを確認するには、Google Mobile-Friendly Testにアクセスし、ウェブサイトのURLを入力してください。あなたのウェブサイトがどの程度モバイルフレンドリーであるかを示すレポートが表示され、スコア向上のための具体的な提案も得られます。

デスクトップサイト、モバイルフレンドリーサイト、モバイルファーストサイトのいずれであっても、今日の前提は、Webサイトの読み込みが速いことです。ウェブサイトの読み込み速度に影響を与えるすべての要因についての議論は、この記事の範囲外ですが、ウェブサイトの読み込み速度を大幅に低下させる可能性のあるデザイン要素がいくつかあり、注意が必要です。

幸い、ほとんどのレスポンシブ対応のテーマやツールキットには、これらの分野に少なくとも部分的に対応する機能が含まれており、モバイル端末でのウェブサイトの読み込みをより速くすることができます。

Webサイトにアクセスすると、閲覧しているページのコードをモバイル端末のメモリーに読み込み、そのコードを処理して端末にページをフォーマットして表示します。お客様が次のページに進むためにリンクをクリックすると、それまで見ていたページを破棄して、次のページをメモリに読み込みます。読み込む量が多ければ多いほど、それを取得し、インターネット上に送信し、あなたの端末に読み込むのにかかる時間は長くなります。

処理しなければならないコードが多ければ多いほど、読み込んだものをフォーマットして画面に表示するのに時間がかかるのです。つまり、読み込みと処理の量を少なくすれば、ウェブサイトの読み込みは通常より速くなります。

Webサイトの読み込みが遅い場合、画像や映像のファイルが原因であることがよくあります。画像の解像度が高いほど、ファイルサイズが大きくなり、読み込みに時間がかかるようになります。表示する画像に必要な解像度を現実的に考え、画像を縮小してより速く読み込むようにしましょう。

使用するフォーマットによって、画質を犠牲にすることなく、あるいは犠牲にせずに画像を縮小することができます。品質を犠牲にしたものは、通常、同じレベルの品質を維持したものに比べて、サイズがはるかに小さくなります。

ブラウザは、データの読み込みと同時にWebページの書式設定を開始します。しかし、一部のコードでは、ブラウザが書式設定を停止し、さらにコードを待つか、あるいはページ全体が読み込まれるまで書式設定の作業を再開することが強制されます。

これをブロッキングと呼びます。できる限り、読み込まれるコードのサイズを小さくし、ブロックするコードをなくしたいものです。コードサイズを小さくする一つの方法は、コメントや余分な空白を削除して、コードを最小化することです。

これらは、プログラマーがコードを理解するためには重要ですが、ブラウザがコードを処理するためには必要ではありません。コードを最小化できない場合、一部のウェブサーバーはコードの圧縮バージョンをブラウザに送信し、ブラウザは小さいバージョンを読み込んでからそれを解凍します。

ウェブページを閲覧しているときは、閲覧ウィンドウの中にあるページの一部分しか見えません。ブラウザは、ウィンドウ内に表示されるデータを最初に読み込み、フォーマットすると、ページが完成するまでバックグラウンドで他のデータを読み込み、フォーマットし続けることができます。

あなたには、ウェブページはすぐに読み込まれるように見え、スクロールダウンしようとしたときに長い時間待たされない限り、それが継続して読み込まれ、コンテンツがフォーマットされていることに必ずしも気がつかない。

Google DevelopersサイトのMake the Web Fasterというページには、以下のような内容が記載されています。 諸注意, ベスト-ウェブサイトをより速く読み込むための実践的なアドバイスとリソースを提供します。そのツールキットの主要なツールは、次のように呼ばれます。 ページスピード インサイトPageSpeed Insightsは、ウェブサイトの読み込みを開始してから、モバイル端末やデスクトップ端末で読み込まれ、フォーマットされ、表示されるまでの状況を表示します。

これにより、ウェブサイトの読み込みが遅くなっている原因を確認し、何を変更すればよいかを知ることができます。このツールは、パフォーマンスを向上させるための具体的な提案や、より速く読み込めるように最適化された画像ファイルの提供までしてくれることがよくあります。

できない場合でも 為さる Googleのモバイルファーストデザインに対応するために、レスポンシブWebページを使用し、サイトの読み込みと表示にかかる時間を短縮することで、モバイルファーストであるかのように見せることができます。この2つの戦略は必須であるため、検索エンジンランキングの上位表示にはつながらないかもしれませんが、以下のようなことを避けることができるはずです。 罰当たり モバイルファーストを導入していなかったことで