SEO のためにページ速度を最適化する 10 の方法

SEO のためにページ速度を最適化する 10 の方法

ページ速度は、よく知られている Google のランキング要因であり、多くの Web サイトが苦労している要因です。さまざまな要素が読み込み時間を遅くする方法と、ページ速度を上げるためにできることを以下でご確認ください。

ページ速度は数あるオンページ SEO 指標の 1 つにすぎませんが、ページの読み込み時間が遅いと、検索エンジンの結果ページ (SERP) でのページのランクに悪影響を及ぼし、ユーザー エクスペリエンス (UX) に悪影響を与える可能性があります。ここでは、ページの読み込み速度を遅くしている可能性のある原因と、ページ速度を上げる方法を説明します。

ページ速度が SEO にとって重要な理由

Google のニューラル ネットワーク リサーチによると、ページの読み込み時間が 1 秒から 3 秒に長くなると、読み込みが完了する前に訪問者がサイトを放棄する可能性が 32% 増加します。また、ページが遅いほど、サイト訪問者がイライラしてサイトを離れる可能性が高くなります。Google は、ユーザーが検索を使用する際に可能な限り最高のエクスペリエンスを得られるようにしたいため、ページの読み込み速度をランキング要因にしました。つまり、ターゲット キーワードで上位にランクインしたい場合は、ページ速度を監視する必要があります。質の高いコンテンツを備えた魅力的な Web サイトに投資した後、ページの読み込み速度が遅いためにランキングが下がるのは避けたいものです。

ページ速度と Web サイト速度に関する注意: ページ速度は個々のページの速度を指しますが、サイト速度はサイト全体のさまざまなページのサンプルの速度を指し、サイト全体の速度を推定するために使用されます。サイト全体でページ速度が適切に最適化されていれば、当然、サイト全体の速度が速くなります。

では、ページの読み込み速度がサイトの SEO に悪影響を及ぼしているかどうかはどうすればわかりますか?

ページの速度を確認するために使用できるツールは多数あります。Google だけでも、Google Search Console、Lighthouse、PageSpeed Insights などの複数の無料ツールを提供しており、これらはすべてページの読み込み速度に関する貴重な情報を提供します。これらを使用して、ページ要素がどれだけ速く読み込まれているかを確認します。(サイトのパフォーマンスを測定する場合の Lighthouse と PageSpeed Insights の内訳は次のとおりです。)

ページ速度 SEO に影響を与える可能性のあるものは何ですか?

ページ内およびページ外のさまざまな要素が、ページの読み込み速度に影響を与える可能性があります。読み込み時間が長い場合は、これらの原因がないか確認してください。

CSS および JavaScript ファイル

CSS ファイルを使用すると、独自のスタイルとレイアウトでブランド イメージをサイト上に表示できます。一方、JavaScript を使用すると、インタラクティブ性によって Web ページに活気が生まれます。どちらも Web ブラウジング エクスペリエンスを大幅に向上させることができます。

ただし、サイトでスタイル シートやスクリプトを多用しすぎると、読み込み時間が遅くなる可能性があります。また、複雑でリソースを大量に消費するほど、ページ速度への影響が大きくなります。

JavaScript はレンダリングの問題を引き起こす可能性があり、検索クローラーがサイト上のコンテンツの一部を適切にクロールしてインデックス付けすることが難しくなります。JavaScript SEO の詳細については、こちらをご覧ください。

プラグイン

プラグインは、ページにインタラクティブ性と機能性を追加します。ただし、スクリプトと同様に、プラグインが多すぎるとページの読み込み時間が遅くなる可能性があります。さらに、プラグインが古かったりメンテナンスが不十分だったりすると、セキュリティ リスクが生じ、互換性の問題につながる可能性があります。小規模な開発チームによるあまり知られていないプラグインは、特にこれらの問題に陥りやすいです。

大きな画像

画像はサイトのコンテンツを大幅に強化し、より魅力的で魅力的なものにすることができます。ただし、ページに大きな画像を使用すると、特に画像が多い場合は、読み込み時間が長くなることもあります。

最適化されていない画像は、読み込み時間が遅くなる主な原因の 1 つです。画像ファイルのサイズが大きいほど、読み込みにかかる時間が長くなります。インターネットの初期の頃、接続速度が遅く、サイトを小さくする必要があったため、画像の最適化は必要な手順でした。現在、現代の Web サイトではページの重量に影響する要素が非常に多いため、見落としがちです。

ポップアップ

ポップアップは、トラフィックをランディング ページに誘導したり、CTA や特別オファーを提供したりするのに役立ちます。ただし、ページの読み込み時間を遅くすることでも有名です。ポップアップが実際にどれほど効果的であるか、ページの読み込み速度を遅くする価値があるかどうかを検討する必要があります。

WEB サーバーの速度

ウェブサイトを訪問する人は、リモート サーバーからファイルを開いています。サーバーの速度が遅いほど、訪問者のブラウザーでのサイトのアセットの読み込みが遅くなります。安価なホスティング パッケージやサーバーでコストを節約するのは良い考えのように思えますが、実際にはメリットよりもデメリットの方が大きい場合があります。専用リソースが不足していたり​​、サーバーの応答時間が遅かったり、リソースが複数のサーバーに分散されていたりするホスティング プランは、ウェブサイトのパフォーマンスに悪影響を及ぼす可能性があります。

リダイレクト チェーン

リダイレクトは、ウェブサイト内でトラフィックを移動させるのに非常に便利なツールですが、リダイレクトごとにブラウザーが余分なページにアクセスするため、最終的なページの読み込み時間が長くなります。リダイレクトがリダイレクト チェーンでリンクされている場合、読み込み時間はさらに長くなります。また、チェーン内のリダイレクトの数が多いほど、全体的な読み込み速度は遅くなります。

リダイレクト チェーンは、多くの場合、意図せずに発生します。

サイトのアーキテクチャが拡大し続けると、リダイレクト チェーンは減少します。リダイレクト チェーンはユーザー エクスペリエンスを損ない、サイトのクロール バジェットを無駄にする可能性もあります。そのため、サイトが拡大し続ける場合は、リダイレクト チェーンに注意し、定期的にサイトをクロールして、発生した可能性のあるリダイレクト チェーンを特定することをお勧めします。

最も重要なページ スピード メトリックは何ですか?

スピード テストでは、さまざまなメトリックが報告されます。Google は主要な検索エンジンであり、私たちの目標は検索結果で上位にランク付けすることであるため、Google がサイトの速度とパフォーマンスを測定するために使用するメトリックのいくつかについて説明します。これらは唯一のページ スピード メトリックではありませんが、私たちの目的にとって最も影響力のあるものです。

コア ウェブ バイタル

2020 年に、Google はコア ウェブ バイタルをリリースしました。この一連のメトリックにより、Web 管理者は、ブラウジング エクスペリエンスの面でサイトのパフォーマンスを把握できます。これらのメトリックは、Web ページの読み込み時間を高速化する方法を特定するのに特に役立ちます。

Google Search Console を使用して、モバイルとデスクトップのコア ウェブ バイタル レポートを表示できます。これらのレポートには、良好な URL、改善が必要な URL、または質の低い URL が表示されます。質の低い URL や改善が必要な URL がある場合は、問題のリストと影響を受ける URL も表示されます。問題をクリックすると、問題と影響を受ける URL の詳細が表示されます。

ページ速度の SEO については、Google Search Console のコア ウェブ バイタル レポートを確認してください
サイトのコア ウェブ バイタル データは、PageSpeed Insights または Google Lighthouse で確認できます。

PageSpeed Insights では、コア ウェブ バイタルに実際のユーザー エクスペリエンスが反映されます。Google Lighthouse では、実際のユーザー データに加えてラボ データも使用されます。

PageSpeed Insights レポートの上部には、コア ウェブ バイタルの指標が表示されます:

ページ速度を最適化するためのコア ウェブ バイタルの評価

• 最大コンテンツ ペイント (LCP): ページの読み込みにかかる時間。理想的な LCP は 2.5 秒以下です。
• 初回入力遅延 (FID): ユーザーがページを操作できるようになるまでにかかる時間。理想的には、これは 100 ミリ秒以下である必要があります。
• 累積レイアウト シフト (CLS): ページ要素がロード時にどれだけシフトするか。これは 0.1 以下である必要があります。
• コンテンツ ペイント (FCP): ユーザーが画面上で何かを見ることができるまでにかかる時間。スコアが 1.8 秒以下であれば、緑色のままです。
• 次のペイントまでのインタラクション (INP): ユーザー アクションからページ応答までの時間。200 ミリ秒以下が良好と見なされます。
• 最初のバイトまでの時間 (TTFP): ブラウザーの最初のリクエストからサーバーから最初のバイトを受信するまでの時間。800 ミリ秒以下を目指します。

PageSpeed Insights のいずれかの指標をクリックすると、対応する web.dev ページに移動します。このページでは、各指標の内容と重要性についてさらに詳しく説明しています。

PageSpeed Insights メトリクス

ページ スピード インサイトを使用して、ページの読み込み速度を最適化します
明らかに、このページには改善の余地があるため、最優先事項となっています。
Core Web Vitals セクションの後に、次のものを含む追加の PageSpeed Index メトリクスがあります:

• スピード インデックス: ページの読み込み中にコンテンツが表示される速度。3.4 秒未満であれば、緑色のままです。
• インタラクティブになるまでの時間 (TTI): ページが完全にインタラクティブになるまでに必要な時間。Google は、5 秒未満を目指すように言っています。
• 合計ブロック時間: ページがユーザー入力に対してブロックされている時間。ここで緑色は 200 ミリ秒未満です。

ページのパフォーマンスが悪いことがわかったら、問題のトラブルシューティングを試みることができます。ページ速度を最適化する 10 の方法をご紹介します。

SEO のためにページ速度を最適化する 10 の方法

ページ速度を最適化する方法

1. 画像を圧縮して最適化する

ページ速度スコアを上げたい場合は、まず画像を圧縮して最適化します。画像ファイルのサイズを小さくすると、当然ページのサイズも小さくなり、読み込みにかかる時間も短くなります。

TinyPNG や Attrock など、画像のサイズを圧縮できるツールは数多くあります。WordPress を使用している場合は、convert for media など、画像最適化プラグインがいくつか利用できます。

適切なファイル タイプの使用、画像のサイズ変更、GIF の削除はすべて、ページの重量を減らすのに役立ちます。

2. 不要なプラグインを削除する

WordPress サイトに 12 個以上のプラグインがある場合は、削除できるプラグインを検討してください。プラグインによっては、他のプラグインよりもリソースを大量に消費するものがあるため、どのプラグインがページの速度を最も低下させているかを判断するために、テストを行う必要がある場合があります。

サイトのプラグインを確認し、他の関係者と話し合って、本当に必要なプラグインを判断します。

プラグインがウェブサイトに疑わしい価値を提供している場合、または将来価値を提供する可能性があるが現在は提供していない場合、プラグインを無効にするか削除することが理にかなっている可能性があります。また、さまざまな機能を持つ複数のプラグインを、すべてを実行する 1 つのプラグインに置き換えることができるかどうかも検討してください。

3. コードをクリーンアップする

ページ速度の最適化プロセスは、サイトのコード分析と不要な文字や行のクリーンアップを行う良い機会です。使用されていないコードや不要なコードを少しでも削除すると、目立たないかもしれませんが、サイトの速度が向上します。コードを扱うときは注意してください。変更を行う前にバックアップを作成し、

間違いを避けるために、タスクを最小化します。

4. HTML、CSS、JavaScript を縮小

HTML、CSS、JavaScript はページの読み込み速度に大きな影響を与える可能性があるため、縮小してクリーンアップするとページのパフォーマンスが向上します。

コードを縮小するには、余分な文字、カウンター、スペース、または不要な可能性のあるその他のコード要素を削除します。最終的には、コードがクリーンになり、ファイル サイズが小さくなり、ページの読み込みが速くなります。

5. CSS、JavaScript、HTML を圧縮

コードをクリーンアップしたら、スペースを節約するために圧縮することを検討してください。HubSpot では、HTML ファイルを圧縮する方法をここで紹介しています。CSS ファイルと JavaScript ファイルには、複数の圧縮ツール (および縮小ツールと圧縮ツールの組み合わせ) が用意されています。Web 開発者と協力して、組織に最適なソリューションを判断してください。

6. CSS と JavaScript をバンドル

縮小に加えて、スタイルシートと JavaScript ファイルをバンドルすると、サーバー リクエストの数を減らすことができます。サーバー リクエストごとにページの読み込みが遅れます。リクエストが大量にあるサイトやページの場合、これはパフォーマンスに大きく影響します。

7. ブラウザ キャッシュを実装する

キャッシュはブラウザが情報を保存するのに役立ちます。これにより、訪問者がページに戻ったときにブラウザがページ全体を再度読み込む必要がなくなります。キャッシュは、サイトのファイル (CSS スタイルシート、画像、JavaScript など) のコピーをユーザーのブラウザに保存することで機能し、次回の訪問時にそれらのファイルをより迅速に配信できるようにします。

キャッシュできるリソース、キャッシュ期間、およびキャッシュするユーザーを決定するキャッシュ ポリシーを作成します。

8. リダイレクト チェーンを削除する

この記事では、リダイレクト チェーンを見つけて削除する方法について説明します。リダイレクトを追跡し、常に最終リンク先 URL にリンクして、将来のリダイレクト チェーンの可能性を減らすことをベスト プラクティスにしてください。

9. CDN を使用する

ページ速度を最適化するもう 1 つの方法は、コンテンツ配信ネットワーク (CDN) を活用することです。これはコンテンツ配信ネットワークとも呼ばれます。

CDN は、Web サイトの静的コンテンツのコピーを世界中の地理的に分散したサーバーに配信します。これにより、潜在的な訪問者とサーバー間の地理的な距離が短縮され、レイテンシが削減され、最初のバイトまでの時間が短縮されます。

10. より高速なホスティング サービスを見つける

Web ページの読み込み時間を長くするためにできることは実際には限られており、実際には問題が常にユーザー側にあるとは限りません。Web ホスティング プロバイダーは、Web サイトのパフォーマンスに大きな役割を果たします。サイトの速度の問題は、ページの最適化が不十分なのではなく、ホスティングのパフォーマンスが悪いことが原因である可能性は十分にあります。

ページ速度を最適化するためにできる限りのことを行っても、ページの読み込みがまだ十分速くない場合は、より高速なホスティング サービスを探す時期かもしれません。専用のホスティングを提供するパフォーマンス重視のホスティング サービスを探してください。そうすれば、潜在的なホスティング リソースを他のサイトと共有する必要がなくなります。

SEO 監査で Web サイトのパフォーマンスを確認する

Web サイトを検索結果でランク付けするのに苦労していませんか? 当社の SEO 監査サービスは、SEO を軌道に乗せるために必要なものかもしれません。

長年の経験を持つ検索最適化の専門家が実施する当社の SEO 監査は、弱点を特定し、実用的な項目を作成し、サイトのランキング能力を妨げている可能性のあるページの読み込み時間の遅さなどの弱点を克服するのに役立ちます。また、当社の Web サイト メンテナンス サービスは、ToDo リストを増やすことなく課題に対処するのに役立ちます。詳細については、無料の相談をご予約ください。