GooglePageSpeedInsightsスコアを改善する方法
公開: 2021-09-17Googleには複雑なアルゴリズムがあり、ウェブページのインデックスを作成してランク付けする前に、多くの要素を考慮に入れています。 これらのランキング要素の1つは、ページ速度です。
読み込みが速くなる最適化されたページは、Google検索結果でのパフォーマンスが向上します。
これが、ウェブマスターがページの速度にこだわるのに多くの時間を費やす理由です…..そしてなぜそうしないのですか？
ページ速度は、ユーザーエクスペリエンスを向上させ、SERPランキングを向上させるために重要です。
あなたが素晴らしいコンテンツを持っていても、あなたがあなたのページの読み込みを速くすることができなければ、人々はそれを無視するでしょう。 あなたのウェブサイトがロードするのに何年もかかるなら、勝利の記事を書くことに意味はありません。 あなたの聴衆があなたのウェブサイトとどのように相互作用するかはあなたのページ速度に依存します。
遅いウェブサイトは通常、バウンス率が高く、ビジネスはもちろんのこと、ランキングに直接影響します。 コンバージョン率を改善し、検索エンジン向けにWebサイトを最適化する場合は、ページ速度が不可欠です。
インターネットのこの時代では、人間の注意力は12秒から8秒に減少しました。 ユーザーは、検索クエリに対する回答を見つけるのに時間がかかりすぎるのを好まない。
Googleは常にユーザーエクスペリエンスを何よりも優先します。 したがって、より優れたユーザーエクスペリエンスを提供できない場合は、オーガニックトラフィックが発生する可能性はほとんどありません。
ウェブマスターがサイトのパフォーマンスを分析して改善できるように、GoogleはGooglePageSpeedInsightsツールを導入しました。
Google PageSpeed Insightは、ウェブページを分析し、それに応じてウェブページの読み込みを高速化するための提案を提供するのに役立ちます。
デスクトップデバイスとモバイルデバイスの両方でWebサイトがどのように実行されているか、およびユーザーエクスペリエンスを向上させるためにどのような変更を加えることができるかについてのレポートが表示されます。
このツールについて詳しく説明しますが、最初に、ページ速度とは何かを理解しましょう。
ページ速度とは
ページ速度とは、Webページのコンテンツが読み込まれるまでにかかる時間のことです。 Webサイトのページ速度を決定する要因には、Webサイトのアーキテクチャ、バックエンドスクリプト、サーバー速度、サーバー応答時間、全体的なページサイズ、Webページ内の画像の数などがあります。
しかし、これらはページ速度と相関するいくつかの要素にすぎません。 ページ速度アナライザーツールを使用すると、Webサイトのページ速度に影響を与える他のすべてのコンポーネントが表示されます。
多くの人が「ページ速度」という用語を「サイト速度」と混同することがよくあります。
サイトの速度は、サイトのページ訪問のランダムなサンプルから測定されます。 一方、ページ速度を測定するための複数のメトリックがあります。
ここでは、ページ速度を測定するための最も一般的な指標をリストしました。
- ページの読み込み時間：これは、Webページのコンテンツを100％完全にレンダリングして読み込むのにかかる時間です。 これは、モバイルデバイスとデスクトップデバイスの両方でページが完全に読み込まれる速度を決定するために使用されます。
- 最初のバイトまでの時間（TTFB）：これは、要求が送信されてから、サーバーがデータの最初のバイトをブラウザーに送信し、ブラウザーがそのデータを表示するのにかかる時間です。
- First Contentful Paint（FCP）：これは、ユーザーがページに移動した後、ブラウザーがDOMコンテンツの最初の部分をレンダリングするのにかかる時間です。
ウェブページの読み込み時間に影響を与える複数の指標があるため、ページ速度の最適化は少し難しい場合があります。
ページ速度の評価と改善に役立てるために、CrUX（Chromeユーザーエクスペリエンスレポート）からのデータを直接組み込んでいるGooglePageSpeedInsightを使用できます。
ページ速度の向上が重要な理由
グーグルは、ページ速度が多くの中で重要なランキング信号であると何度も述べています。 そのアルゴリズムは、Google灯台とクロムユーザーエクスペリエンスレポート（CrUX）からのページ速度データを使用してWebページをランク付けします。
ウェブサイトのスピードアップは、オーガニック検索トラフィックを増やし、ランキングを向上させるのに役立つため、非常に重要です。 しかし、最も重要なことは、それはあなたのウェブサイトのユーザーエクスペリエンスを改善するでしょう。 あなたがあなたのサイトのためにSEOに取り組んでいるなら、ページスピードは見逃せないものです。
ページの速度に取り組み、読み込み時間を改善することは、次のように非常に有益です。
- あなたのウェブサイトのランキングを改善する
- コンテンツの可視性を高める
- サイトへのオーガニックトラフィックを促進する
- バウンス率を下げる
- コンバージョン率を上げる
- より良いユーザーエクスペリエンスを提供する
- より多くの収入を生み出す
- あなたのウェブサイトに質の高いトラフィックをもたらす
あなたがロードするのに何年もかかるウェブサイトを持っているなら、あなたは収入を失うだけでなく、あなたはまた信頼性を失うでしょう。
遅いウェブサイトを運営することは、シーシュポスの呪いのようなものです。 遅いWebページは、丘の頂上まで運ばなければならない大きな石のようなものです。
背中に体重を増やして「コンテンツの丘」を繰り返し登っても意味がありません。
Google PageSpeed Insights
SEOに精通している場合は、おそらくGooglePageSpeedInsightについて聞いたことがあるでしょう。 これは、ウェブサイトの所有者がウェブサイトのパフォーマンスをテストできるようにするGoogleの無料ツールです。
任意のURLを入力して、そのWebサイトの読み込み速度を確認できます。 次に、Googleは、いくつかのページパフォーマンス指標とページ速度メトリックに基づいて、テストしたURLに100点満点のスコアを付けます。
Google PageSpeed Insightは、ウェブサイトの改善と最適化が必要になる可能性のある領域を示します。
また、サイトのパフォーマンスを向上させるために実行できる推奨事項と手順についても役立ちます。
Google PageSpeed Insightは、ウェブページの全体的な品質を向上させるための自動化テクノロジーであるLighthouseからのデータを使用します。
Google Lighthouseを使用して、パフォーマンス、アクセシビリティ、プログレッシブWebアプリケーション、およびその他の特性を評価できます。
GooglePageSpeedスコアの完成
コンテンツクリエーターは、Google PageSpeed Insightsのスコアを完成させるのに忙しい一方で、最も重要な部分であるページの最適化を見落としがちです。
Google PageSpeed Insightsレポートを使用する主な目的は、数値にこだわるのではなく、推奨事項に従うことです。
ナンバーゲームに巻き込まれないでください。 むしろ、サイト全体のパフォーマンスを改善し、より良いユーザーエクスペリエンスを提供することに焦点を当てます。 これらの指標は、ウェブサイトのリアルタイムのパフォーマンスを反映していない場合があります。
そうは言っても、あなたは間違いなくあなたのサイトの読み込み時間を可能な限り改善することに目を向けるべきです。 100/100ページの速度スコアを目指して努力する必要はありません。
推奨事項に取り組むと、最終的にスコアに変化が見られます。
あなたのウェブサイトのページ速度をチェックするための複数のプラットフォームがあります。
GTmetricsは、さまざまな場所からページ速度を分析できるもう1つの優れたツールです。 Google PageSpeed InsightsとYslowの結果を組み合わせて、より広範なレポートを提供します。 あなたのウェブページが改善する必要があるすべての領域を示すPingdomのような他のページ速度チェックツールもあります。
これらのツールはそれぞれ異なる指標を使用しており、これらのプラットフォーム間で異なる結果が表示される場合があります。 これは、これらの数値がどれほど矛盾している可能性があるかを示しています。
ウェブサイトの訪問者は、Google PageSpeed Insightsのスコアを気にせず、サイトを最適化する方法も気にしません。 彼らはより速いウェブページと良いコンテンツを望んでいます。
したがって、これらの数値を確認する代わりに、推奨事項を使用してページ速度を向上させ、ユーザーエクスペリエンスを向上させる必要があります。
Google PageSpeed Insightsを使用する目的は、高得点を獲得することではありません。 代わりに、それはあなたのウェブサイトが改善できる問題と領域を特定することです。
実際の読み込み時間と認識される読み込み時間の両方を削減するために、改善が必要な場所と最適化する必要のある要素を把握できます。
GooglePageSpeedInsightsスコアを改善する方法
ウェブサイトのユーザーエクスペリエンスとコンテンツとは別に、サイトのパフォーマンスもGoogleにとって非常に重要です。
グーグルはウェブサイトの所有者が彼らのウェブサイトのページ速度を分析し、彼らのウェブサイトを遅くしているすべての要素を特定するための別個のツールを作成したので、グーグルがあなたのウェブサイトが速くなることを望んでいることは明らかです。 したがって、PageSpeedインサイトスコアがSERPランキングに影響を与える可能性があることは理解できます。
しかし、それはあなたのウェブサイトが検索結果の上にランク付けするために完璧なスコアを持っている必要があるという意味ではありません。 Googleは、そのサークル内のスコアを考慮に入れるだけではありません。 それには、単なる任意の数以上のものがあります。
2021年5月にCoreWebVitalsアルゴリズムが更新された後、GoogleはページエクスペリエンスシグナルがGoogle検索ランキングに含まれることを発表しました。 Googleがページ速度が重要なランキング要素であると公に発表してから10年以上が経ちました。
しかし今、Googleはユーザーがウェブページをどのように操作するかも調べます。 つまり、Webページをランク付けするときに、最初のバイトまでの時間（TTFB）、最初のコンテンツフルペイント（FCP）、ページに費やされた時間、バウンス率、およびその他のメトリックが考慮されます。
数字はあなたのウェブサイトがどのように機能しているかについての洞察をあなたに与えることができますが、時々それは全体像を捕らえません。
したがって、Google PageSpeed Insightスコアの完成に焦点を合わせるのではなく、全体的なSEOとWebページを高速化する方法を改善することを目指す必要があります。
ここでは、Webページを詰め込んでいる要素を特定するのに役立ついくつかの推奨事項と、Webページの読み込み時間を短縮するためにできることを共有します。
1.複数のページリダイレクトを避ける
ページを別のURLにポイントするか、すでにインデックスが作成されているWebページを削除すると、リダイレクトが発生します。 最適化が不十分で、さまざまなデバイスに反応しないテーマを使用している場合に発生する可能性のある複数のページリダイレクトもあります。
クリック後のランディングページのリダイレクトは、ユーザーにとって非常に苛立たしく、ページの速度を低下させる可能性があります。
モバイルユーザーがクリック後のランディングページのリダイレクトを複数回行う必要がないレスポンシブテーマを使用しています。
クリック後のランディングページのリダイレクトがページの速度にどのように影響するかを見てみましょう。
- example.com –このウェブサイトはレスポンシブウェブデザインを使用しているため、リダイレクトは必要ありません。したがって、これが最良かつ最速のオプションです。
- example.com→m.example.com/home–このページは、モバイルユーザー向けに複数のリダイレクトを通過します。 したがって、ロード時間は比較的遅くなります。
- example.com→www.example.com→m.example.com–非常に遅いモバイルエクスペリエンス。
リダイレクトが役立つ場合があり、問題はありませんが、読み込み時間が大幅に遅れる可能性があります。
多くのリダイレクトを避け、画面サイズと解像度に基づいてレイアウトをスムーズに調整するレスポンシブテーマを使用するようにしてください。
2.画像を最適化してページ速度を上げる
画像の最適化は、ページ上のSEOの重要なコンポーネントです。 写真に適切な画像ファイル名とaltタグを使用するだけでは不十分です。 また、圧縮する必要があります。 画像はページのパフォーマンスに大きな影響を与え、ウェブサイトの速度を低下させる可能性があります。
Googleは、画像サイズがページ速度にどのように影響するかについてウェブマスターに警告しています。 画像を使用すると、Webページが少し重くなり、読み込みに少し時間がかかります。 ただし、画像を最適化すると、ウェブサイトのサイズが小さくなり、読み込みが速くなります。
ファイルサイズを最小限に抑えながら、正しい形式、サイズ、サイズ、解像度の高品質の写真が必要になります。
ウェブページのサイズは、読み込み時間とGoogle PageSpeed Insightsのスコアに直接影響し、最終的にはSERPのランキングに影響を与える可能性があります。
画像やその他のグラフィック要素がページ全体のサイズの50〜80％を占めるため、適切な形式を使用して画像を圧縮すると、読み込み時間を大幅に短縮して、ユーザーエクスペリエンスを向上させることができます。
3.Gzip圧縮を有効にします
最近のブラウザは、最適化および圧縮されたバージョンのWebページをレンダリングすることができます。 Webページ全体をロードする代わりに、GZIP圧縮を使用して、ページを最大90％縮小し、ページの最適化されたバージョンを提供できます。
GZIP圧縮は現在、ほぼすべてのWebサーバーとブラウザーで使用されており、インターネット上を行き来するWebページを圧縮および解凍します。
このファイル圧縮方法は、テキストとコードで最も一般的に使用されており、JavaScript、CSS、およびHTMLファイルを最大90％縮小する可能性があります。 ページ全体をユーザーに配信する代わりに、ブラウザーは、わずかな時間で読み込まれる圧縮バージョンを要求できます。
4. CSS、HTML、JavaScriptを縮小する
コーディングと最適化が不適切なために、バックエンドに不要なコード行が表示されてWebサイトが機能しなくなることがあります。 ブラウザはこれらすべてのコード行を処理する必要があるため、これらの不要なコードはページの速度を低下させます。
「縮小」コードとは、ウェブサイトのフロントエンドやブラウザによるページの処理方法に影響を与えることなく、不要なデータや冗長なデータを削除することを指します。 Webサイトを適切に実行するために、余分なコード行が必要ない場合もあります。 これらの不要な文字、スペース、重複を削除することで、ページの読み込みが速くなります。
Googleは、ウェブマスターがコードを最適化して、ウェブサイトのバックエンドでコードを縮小することを望んでいます。 GoogleのAMPフレームワークを使用して、バックエンドファイルを縮小し、HTML、CSS、およびJavaScriptの簡略化されたバージョンを取得できます。 これにより、Webページをほんの一瞬で読み込むことができます。
コーディングのスキルがなくても、CSS、HTML、およびJavaScriptコードを縮小できる簡単な方法があります。
WordPress開発者の場合は、コードを縮小できるwp-rocketなどのキャッシュプラグインを使用できます。
5.サイトのブラウザキャッシュを有効にします
ユーザーがページを完全に読み込む前に、サーバーとブラウザの間で多くのリクエストが必要になる場合があります。 これは、時間がかかる可能性があるため、ユーザーにコンテンツを提供するための最も効率的な方法ではない場合があります。
ここで、ブラウザのキャッシュが役立ちます。 ブラウザのキャッシュにより、Webブラウザは、ユーザーがクリックするたびにWebページのコンテンツを動的に提供するのではなく、静的バージョンのWebサイトをユーザーに迅速に提供できます。 キャッシングが行うことは、最近ロードされた特定の要素（ヘッダー、ナビゲーション、ロゴなど）をブラウザーに「記憶」させることです。
ブラウザがキャッシュできるアイテムが多いほど、ユーザーが何かを要求したときにロードする必要のある要素が少なくなり、ページの表示が速くなります。
キャッシュのないWebサイトと比較すると、静的バージョンのWebページを提供するのにかかる時間は比較的短くなります。 これにより、PageSpeedInsightsのスコアを大幅に向上させることができます。