Googleは2018年3月、モバイルファーストインデックス戦略を発表しました。デスクトップ版をインデックスするのではなく、Googleはモバイル版をインデックスするようになったのです。
引用元
種の中で最も強いものが生き残るのではなく、最も変化に適応できるものが生き残るのです。
- チャールズ・ダーウィン著
地域によって異なるが、約半数が グローバル のユーザーがアクセスしています。 インターネット は、Statistaによると、モバイルデバイスを使用しています。
これは大きな意味を持つ。 増加 2015年の約30%からもしあなたのウェブサイトがデスクトップ・コンピューター用にデザインされていたり、モバイルフレンドリーなサイトを持っていないのであれば、次のようなことが予想されます。 探索 エンジンランキングの結果は、時間の経過とともに低下します。
ウェブサイトは当初、人々がデスクトップコンピューターからインターネットにアクセスすることを前提に開発された。これによって れんじゅう 複雑なプログラミング・ロジックを含むウェブサイトを構築し、デスクトップ・コンピューター上のブラウザーで素早く読み込んで処理する。
しかし、ユーザーが携帯電話やタブレット端末を利用するようになると、モバイル端末のブラウザではこれらのウェブサイトを素早く読み込んで処理できないことがよくあります。
その結果、一部の企業は、モバイル端末で合理的な時間内に読み込んで処理できる「ライト」バージョンのウェブサイトを作成しました。このようなバージョンを作成するために、企業はデスクトップ版の特徴や機能の多くを排除しなければならないことがよくあります。
ユーザーがウェブサイトにアクセスすると、ウェブサイトは使用されているデバイスの種類を判断し、モバイルデバイスユーザーにはデスクトップユーザーとは異なるウェブページを提供します。
モバイルでGoogle検索を行うことを想像してください。 電話 と全く同じ検索結果を見ることができます。 なにごと が表示されます。しかし、検索結果をクリックしても、検索結果が示すようなものは表示されません。なぜなら、あなたがモバイル端末を使用していると判断したとき、ウェブサイトは別のウェブページを提供したからです。
平均的なユーザーは、グーグルがこのような不手際を起こしたことを非難する。 コンテンツ が検索結果に記載されているものと一致しない。
まさにこの理由から、Googleはモバイルファーストインデックスを発表したのです 兵法 を2018年3月に発表しました。というよりも インデキシング は、Webサイトのデスクトップ版をインデックスするようになり、Googleはモバイル版をインデックスするようになりました。2018年7月、Googleはまた、以下を使用し始めました。 ページスピード をモバイル検索ランキングで表示します、 何の というのは、検索結果をランキングする際に、モバイルデバイスで素早く読み込まれるウェブサイトを、読み込みの遅いウェブサイトよりも優遇することを意味する。これは、モバイル版のないウェブサイトがインデックスされないという意味ではなく、読み込みが速く、モバイルフレンドリーなウェブサイトがインデックスされる可能性が高いという意味である。 ランク デスクトップパソコンを必要とするパフォーマンスの遅い重いWebサイトよりも、Googleの検索結果で上位に表示されます。
純粋な、Googleのモバイルファーストインデックス戦略とは、多くの場合、完全に リデザイン を作成します。このデザインは、モバイルデバイスをターゲットとし、その後、デスクトップコンピューターなどの他のプラットフォーム用に適合させることになります。モバイルファーストインデックスのデザインは、一般的にシンプルかつ簡潔で、幾何学的な形、明るい色、強いタイポグラフィー、ホワイトスペースなどをデザイン要素として使用します。
コール・トゥ・アクションの要素を前面に打ち出し、チャットやチャットボットといった最新のコミュニケーション手段を取り入れたデザインです。Googleのモバイルファーストインデックスに登録されたサイトは、言うまでもなく読み込みが速く、その速度を維持・向上させるために常に計測されています。
モバイルファーストインデックスに対応したウェブサイトの完全な再設計の準備ができていない場合、現在あるものをモバイルフレンドリーに適合させることができます。この場合、デスクトップ版のウェブサイトをモバイルデバイス用に変更することになるため、技術的にはGoogleのモバイルファースト戦略ではありません。しかし、検索エンジンにモバイルファーストとして表示されることを可能にする、モバイルファーストインデックスに対応したウェブサイトデザインへの道筋としては、実用的なステップと言えるでしょう。
現在のウェブサイトをこのGoogleモバイルファーストの環境に適合させる場合、一般的には、使用するデバイスに関係なく、すべてのユーザーに同じコンテンツを提供することが目的です。
しかし、コンテンツのフォーマットや表示方法は、それを見るために使用される画面の大きさによって異なります。メニューやボタンなど、パソコンからアクセスしたときだけ表示される機能を追加することは、この移行期においても許容されます。Googleだってそうです。
幸いなことに、このモバイルフレンドリーへの移行をこれまで以上に容易にするツールが存在します。また、成功度を測定し、まだ改善が必要な分野を特定することができるツールもあります。
このように、よりモバイルフレンドリーな、あるいはGoogleモバイルファーストのウェブサイトに移行するために、取り入れるべき言葉は「レスポンシブ」です。レスポンシブWebデザインとは、ユーザーのプラットフォーム、方向、画面またはウィンドウのサイズに応じて、Webサイトの表示を自動的に適応させるアプローチです。
デスクトップコンピューターで開いている、コンピューターのモニターに見えるウェブサイトを想像してください。ウィンドウの隅をクリックすると ドラッグ をクリックしてウィンドウを小さくすると、どうなりますか?レスポンシブでないウェブサイトでは、何も起こりません。これまで見えていたものがすべて切り取られ、そのコンテンツを見るために左右にスクロールしなければならなくなるだけです。
しかし、レスポンシブWebサイトでは、閲覧ウィンドウが一定の大きさになると、Webサイトが自動的に再フォーマットされ、すべてのコンテンツがそのウィンドウに表示されたままになります。コンテンツは横に並んで表示されるのではなく、縦に積み重ねられて表示されます。すべてのコンテンツを見るにはページをスクロールする必要がありますが、表示されるコンテンツはウィンドウ内に収まり、左右にスクロールして見る必要はありません。
コンテンツを使用する場合 運営 システム(CMSなど)があります。 ワードプレスレスポンシブテーマを使用する必要があります。現在のテーマがレスポンシブでなく、より新しいレスポンシブバージョンがある場合は、そのバージョンにアップグレードしてください。レスポンシブ対応版がない場合は、レスポンシブ対応のテーマに切り替えてください。
重い作業のほとんどは、テーマがやってくれます。必要なのは 見直し レスポンシブページがさまざまなモバイルデバイスでどのように見えるかを確認し、レスポンシブページにうまく変換できない一部の情報の表示方法を変更する必要があるかどうかを判断します。
CMSを使用していない場合は、Bootstrapなどのツールキットを使い始めるとよいでしょう。Bootstrapは、HTML、CSS、JavaScriptを使用したWeb開発のためのオープンソースのツールキットです。レスポンシブ・グリッドシステム、プリビルドされたフロントエンド・コンポーネント、プラグインを利用して、レスポンシブでGoogleモバイルファーストインデックスに対応したWebサイトを構築することができる。
新しいデザインを確認するには、Google Mobile-Friendly Testにアクセスして、あなたのウェブサイトのURLを入力してください。テスト結果が表示されます。 ほうこく これは、あなたのウェブサイトがどの程度モバイルフレンドリーであるかを教えてくれるもので、あなたのウェブサイトを改善するための具体的な提案もあります。 スコア.
デスクトップサイト、モバイルフレンドリーサイト、モバイルファーストサイトのいずれであっても、今日の前提は、Webサイトの読み込みが速いということです。ウェブサイトの読み込み速度に影響を与えるすべての要因についての議論は、この記事の範囲外ですが、ウェブサイトの読み込み速度を大幅に低下させる可能性のあるデザイン要素がいくつかあり、注意が必要です。
幸いなことに、ほとんどのレスポンシブテーマやツールキットには、少なくとも部分的には、以下のような機能が含まれています。 アドレス モバイル端末でのWebサイトの読み込みを高速化するために、これらの分野のいくつかを紹介します。
Webサイトにアクセスすると、閲覧しているページのコードをモバイル端末のメモリーに読み込み、そのコードを処理して端末にページを整形して表示させます。お客様が次のページに進むためにリンクをクリックすると、それまで見ていたページを破棄して、次のページをメモリーに読み込みます。読み込む量が多ければ多いほど、それを取得し、インターネット上に送信し、あなたの端末に読み込むのにかかる時間は長くなります。
処理しなければならないコードが多ければ多いほど、読み込んだものをフォーマットして画面に表示するのに時間がかかるのです。つまり、読み込みと処理の量を少なくすれば、ウェブサイトの読み込みは通常より速くなります。
ウェブサイトの読み込みが遅い場合、画像ファイルや映像ファイルが原因であることがよくあります。画像の解像度が高いほど、ファイルサイズが大きくなり、読み込みに時間がかかるようになります。画像に必要な解像度を現実的に考えてみましょう。 イメージ を表示し、画像を縮小してより速く読み込むことができます。
使用するフォーマットによって、画質を犠牲にすることなく、あるいは犠牲にせずに画像を縮小することができます。品質を犠牲にしたものは、通常、同じレベルの品質を維持したものに比べて、サイズがはるかに小さくなります。
ブラウザは、データの読み込みと同時にWebページの書式設定を開始します。しかし、一部のコードでは、ブラウザが書式設定を停止し、さらにコードを待つか、あるいはページ全体が読み込まれるまで書式設定の作業を再開することが強制されます。
これをブロッキングと呼びます。できる限り、読み込まれるコードのサイズを小さくし、ブロックするコードをなくしたいものです。コードサイズを小さくする一つの方法は、コメントや余分な空白を削除して、コードを最小化することです。
これらは、プログラマーがコードを理解するためには重要ですが、ブラウザがコードを処理するためには必要ではありません。コードを最小化できない場合、一部のウェブサーバーはコードの圧縮バージョンをブラウザに送信し、ブラウザは小さいバージョンを読み込んでからそれを解凍します。
ウェブページを閲覧しているときは、閲覧用のウィンドウ内にあるページの一部しか見えません。ブラウザは、ウィンドウ内に表示されるデータを最初に読み込み、フォーマットすると、ページが完成するまでバックグラウンドで他のデータを読み込み、フォーマットし続けることができます。
あなたには、ウェブページはすぐに読み込まれるように見え、スクロールダウンしようとしたときに長い時間待たされない限り、それが継続して読み込まれ、コンテンツがフォーマットされていることに必ずしも気がつかない。
Google DevelopersサイトのMake the Web Fasterというページでは、ウェブサイトの読み込みを速くするためのヒント、ベストプラクティスのアドバイス、リソースが提供されています。そのツールキットの主要なツールは、PageSpeed Insightsと呼ばれています。PageSpeed Insightsは、あなたのウェブサイトをロードし始めた時から、それがロードされ、フォーマットされ、モバイルまたはデスクトップデバイス上で表示されるまでに何が起こるかを示しています。
これにより、ウェブサイトの読み込みが遅くなっている原因を確認し、何を変更すればよいかを知ることができます。このツールは、パフォーマンスを向上させるための具体的な提案や、より速く読み込めるように最適化された画像ファイルの提供までしてくれることがよくあります。
今すぐ本当にGoogleのモバイルファーストデザインを行うことはできなくても、レスポンシブWebページを使用し、サイトの読み込みと表示にかかる時間を短縮することで、モバイルファーストに見えるようにすることは可能です。この2つの戦略は必須であるため、検索エンジンランキングの上昇にはつながらないかもしれませんが、モバイルファーストのアプローチを採用していなかったことによるペナルティを回避するのに役立つはずです。
この記事の最終更新日:2022年12月28日
本サイトでは、Cookieを使用しています。
続きを読む