WordPress Core Web Vitals: 最適化のベストプラクティス (2023 ガイド)
公開: 2023-04-07Google は、新しいランキング要素である Core Web Vitals を発表しました。 WordPress Core Web Vitals を最適化して、SERP の可視性を高めます。
新しいランキング要素は 2021 年 5 月に発効する予定です。良いニュースは、あなた (またはあなたのウェブ開発者) が Core Web Vitals を高めるためにできることがあるということです。
Google Core Web Vitals とは?
Google Core Web Vitals は、ウェブサイトでのユーザー エクスペリエンスを測定する一連の指標です。
2021 年 5 月の時点で、これらは Google が結果ページのコンテンツに優先順位を付けるために使用する重要なランキング要因です。 通常、検索エンジン最適化 (SEO) はページのコンテンツに焦点を当てていますが、Core Web Vitals は、読み込み時間や安定性などの要素をミックスに追加します。
実際、現在の Core Web Vitals を構成する 3 つの異なる指標があります。 これらは、ユーザー エクスペリエンスの 3 つの非常に重要な側面である読み込み、対話性、視覚的な安定性に焦点を当てています。 より明確な図を提供するために、各バイタルの簡単な要約を次に示します。
最大コンテンツ ペイント (LCP)
最初の指標である Largest Contentful Paint (別名 LCP) は、ページの読み込み時間に関するものです。 このメトリックは、Web ページ上の最大のコンテンツの読み込みにかかる時間を測定します。 これは、テキストまたは画像の分厚いブロックである可能性があります。 ロード時間が速いほど、グレードが高くなります。
最初の入力遅延 (FIS)
FIS (First Input Delay) は、ページがユーザー インタラクションにどのように反応するかに関するものです。 具体的には、サイトがユーザーの最初のインタラクションに反応するまでにかかる時間を測定します。 たとえば、ボタンをクリックします。 素早い反応は、あなたのサイトがレスポンシブであることを示し、より高い評価を得ることになります。
累積レイアウト シフト (CLS)
最後の 3 番目の指標は CLS (Cumulative Layout Shift) で、Web サイトの視覚的な安定性を測定します。 ページの読み込み時に要素が移動するかどうか、およびその頻度を監視します。 ロード時にサイトが安定している場合、より高い評価が得られます。
WordPress Core Web Vitals を最適化する方法
では、WordPress Core Web Vitals を最適化して、これらすべての重要な SERP ランキングを確実に下回らないようにするにはどうすればよいでしょうか?
画像を最適化する
画像は、e コマース ストアであろうと個人ブログであろうと、多くの WordPress ウェブサイトにとって不可欠です。 画像は、多くの場合、Web サイトで最大のコンテンツ ペイントになることもあります。 LCP 指標を高く評価したい場合は、Web サイト全体で使用されるすべての画像を最適化することが不可欠です。
検索エンジン向けに画像を最適化する方法はたくさんあります。 開始するのに役立ついくつかの基本事項を次に示します。
- ファイル名を最適化します。 ここでの目標は、Google が画像を見なくても画像を理解できるようにすることです。 ファイル名 IMG0004.jpg を使用しても、これは実行されません。 画像ファイル名が画像の内容を正確に表していることを確認し、写真の主題を最初に付けてください。
- ファイルサイズを縮小します。 画像は読み込み時間に大きく影響します。 負荷を軽減するには、イメージを可能な限り最小のファイル サイズに圧縮します。 Squoosh など、これを行うのに役立つツールがあります。
- 代替テキストを追加します。 代替テキストは、画像を読み込めない場合に表示される説明です。 使用するすべての画像に代替テキストを追加し、画像が何であるかを正確に説明します。 これは、Web サイトのアクセシビリティを高めるためのベスト プラクティスでもあります。
- 遅延読み込みを使用します。 遅延読み込みでは、ページ上のすべての画像が一度に読み込まれるのではなく、ユーザーが下にスクロールしたときにのみ画像が読み込まれます。 これは、LCP の成績を上げるための優れた方法です。 遅延読み込みは、WP Rocket などのプラグインを使用して実現できます。
サーバーをスピードアップ
高速サーバーは、WordPress Core Web Vitals を高める確実な方法です。 サーバーを高速化するためのヒントを次に示します。
- ホスティング プランをアップグレードします。 最も安いオプションを求めてふっくらするだけではありません。 手頃な価格で優れたパフォーマンスを提供するプランを選択してください。
- サーバーが最新バージョンの PHP を使用していることを確認してください。 PHP はサーバー側のコーディング言語です。 最適なパフォーマンスを得るには、最新バージョンの PHP を使用してサーバーをセットアップする必要があります。
- CDN の使用を検討してください。 コンテンツ配信ネットワーク (CDN) は、インターネット コンテンツを配信するために連携して動作するサーバーのグループです。 CDN はホスティングに代わるものではありませんが、複数の利点があり、特に読み込み時間が長くなります。 Facebook、Netflix、Amazon などのトラフィック量の多いサイトは、CDN を通じて提供されます。
- サード パーティの要素、スクリプト、およびサービスを特定します。 まず、サードパーティのサービスがサイトに与える影響を特定して分析することが不可欠です。
- これらのサービスが不可欠かどうかを評価します。 サーバーへの負担を軽減する代替オプションがあるかどうかを調べたり、そのサービスが WordPress サイトにとって本当に不可欠かどうかを検討したりしてください。
サード パーティのスクリプトとサービスの管理
外部ソースからのサービスは、ほとんどの Web サイトの一部です。 これは、広告スクリプト、ソーシャル メディア プラットフォーム、さらには WordPress プラグインである可能性があります。
サードパーティのサービスは主要な機能と十分なメリットを提供できますが、読み込み時間や Core Web Vitals にも影響を与える可能性があります。 これに対抗するためにできることがいくつかあります。
外部キャッシュの使用を検討する
Cloudflare などの外部サービスを使用すると、WordPress サイトを大幅に最適化するのにも役立ちます。
Cloudflare は、インターネットに接続するすべてのものを安全、プライベート、高速、かつ信頼できるものにするために設計されたグローバル クラウド プラットフォームです。 したがって、セキュリティ層を追加するだけでなく、サイトの速度を向上させ、画像とスクリプトの読み込み時間を改善して、コア Web バイタルに反映させることもできます.
WordPress Core Vitals の最適化: 進行中のプロセス
WordPress Core Vitals の最適化は、1 回で終わる作業ではありません。 WordPress サイトで最高のパフォーマンスを確保するには、Web コア バイタルを定期的に監視および追跡する必要があります。
さらに、Google 自身も、Web Core Vitals は時間の経過とともに進化すると述べています。 2021 年に予定されているアルゴリズムの変更は、ほんの始まりにすぎません。 Google Web Core Vitals は決まったものではないため、最新の更新に注意することが重要です。
CreativeMinds では、WordPress の最適化を支援することをお約束します。 Cminds ブログで最新情報をお届けするだけでなく、WordPress 開発の時間単位のサポートも提供しています。 Web Core Vitals など、WordPress を最適化するためのカスタム ソリューションを作成するために、専門の Web 開発者チームがお客様と協力します。
パフォーマンスと最適化の分析WordPress サイトの速度が遅く、動きが鈍い場合、訪問者数と検索エンジンのランキングも失う可能性が高くなります。 このサービスには、WordPress Web サイトのレビューと、WordPress サイトを改善し、より高速に動作するように最適化する方法の提案が含まれます。
詳細を見る