グーグル インターネット企業導入済みコアウェブ・バイタル(コアウェブバイタル）は、ウェブサイトの品質とユーザーエクスペリエンスを測定するための重要な指標となっています。この記事では、コアウェブバイタルとは何か、なぜWordPressウェブサイトにとってコアウェブバイタルが重要なのか、そしてこれらの指標を最適化する方法について詳しく説明します。ウェブサイトのパフォーマンス向上歌で応える検索エンジンランキング.

コアウェブ・バイタルとは？

コアウェブバイタルは、Googleがウェブユーザー体験を測定し、改善するために導入した測定基準のセットです。具体的には、以下の3つの主要な指標が含まれます：

1. ラージ・コンテントフル・ペイント（LCP）最大描画時間
2. ファースト・インプット・ディレイ（FID）最初の入力遅延
3. 累積レイアウトシフト（CLS）累積レイアウトオフセット

これらの指標は、ページの総ロード時間だけでなく、ユーザーがどれだけ早くページとの対話を開始できるかに重点を置いています。これらの指標は、総ロード時間よりもサイトのパフォーマンスとユーザーエクスペリエンスの優れた指標であり、スピードテストと最適化のための重要な指標です。

ラージ・コンテントフル・ペイント（LCP）

LCPとは？

LCPとは、Maximum Content Drawing Time（最大コンテンツ描画時間）のことで、ページが最初に読み込まれ始めてから、ページのメインコンテンツがレンダリングし終わるまでの時間を測定します。LCPコンテンツには通常、ホームページのバナー画像、ページ上部のフィーチャー画像、トップテキストエリアなどが含まれます。

LCPを最適化する方法

• 高速ホスティングとCDNの利用サーバーのレスポンスタイムを改善しTTFB(最初のバイトまでの時間）。
• リソース負荷の最適化ファーストスクリーン・コンテンツのリソースのロード遅延を減らし、重要なリソースが最初にロードされるようにします。
• 画像の圧縮と最適化画像のファイルサイズを小さくし、読み込みを高速化します。
• レンダリング・ブロッキングを軽減するCSSとJSCSSとJSファイルのマージと縮小、重要でないリソースの非同期ロード。

LCPメトリックス

• 有能以下2.560分の1度に相当する角度または弧の単位
• 改善の必要性4.0秒以下
• 平凡4.0秒以上

累積レイアウトシフト（CLS）

CLSとは？

CLSとはCumulative Layout Shift（累積レイアウトシフト）のことで、ページロード中にコンテンツが移動したかどうかを測定します。動けば動くほどスコアが高くなり（悪い）、まったく動かない場合は最低スコア（優れている）となります。

CLSを最適化する方法

• size属性の使用すべての画像と動画要素にwidthとheight属性を追加し、スペースを確保します。
• 動的コンテンツの挿入を避けるレイアウトのずれを防ぐため、コンテンツが読み込まれた後に新しいDOM要素を挿入することは避けてください。
• 広告と埋め込みコンテンツの最適化広告や埋め込みコンテンツが固定サイズで、ページレイアウトに影響を与えないようにする。

CLSの測定基準

• 有能0.1以下
• 改善の必要性0.25以下
• 平凡0.25以上

ファースト・インプット・ディレイ（FID）

FIDとは何か？

FIDとはFirst Input Delayのことで、ユーザーが初めてウェブページとインタラクション（例：ボタンをクリック）してから、ブラウザがそのインタラクションの処理を開始するまでの時間のことです。主にページ上のJavaScriptの影響を受けます。

FIDを最適化する方法

• メインスレッドのタスクを減らすメインスレッドをブロックする時間を減らすために、長いタスクを分割する。
• JavaScript実行の最適化JavaScriptファイルの削減と最適化、非同期ロード。
• ブラウザのキャッシュを使う静的リソースをキャッシュし、繰り返しロード時間を短縮します。

FIDの測定

• 有能100ミリ秒以下
• 改善の必要性300ミリ秒以下
• 平凡300ミリ秒以上

コアウェブ・バイタルがSEOランキングに与える影響

2021年6月以降、Googleはコアウェブバイタルをランキング要素にしました。コアウェブバイタルは、モバイルとデスクトップの両方の検索結果に影響し、ウェブサイトが人気のある記事や見出しで最初に表示されるには、コアウェブバイタリティの最低スコアを満たす必要があります。

PageSpeed Insightsを使ってコアウェブバイタルを検出する方法

PageSpeed Insightsを使用すると、ウェブサイトのコア-ウェブ-バイタル-スコアを確認することができます.正確な手順は次のとおりです：

1. PageSpeed Insightsを開くアクセスPageSpeed Insights公式サイト.
2. URLを入力して分析するテストするページのURLを入力し、" "をクリックします。分析済み「ボタン
3. 結果を見るLCPとCLSのスコアはテスト結果として表示されます。FIDは実際のユーザーデータに基づいているため、表示されない場合があります。

ほら

• フィールドデータとラボデータフィールド・データとラボ・データでスコアが多少異なるのは普通である。
• モバイルテストとデスクトップテストモバイルとデスクトップではスコアが異なるため、別々にテストすること。

Search Consoleでサイト全体のコアウェブバイタルレポートを表示する方法

ウェブサイト全体のコアウェブバイタルレポートは、Google Search Consoleで見ることができます。このレポートは実際のユーザーデータに基づいており、最適化が必要なページグループを特定するのに最適です。

1. サーチコンソールを開くGoogle Search Consoleにアクセスする。
2. コアウェブ・バイタル・レポートを見るレポート内のステータス（不良または要改善）、指標タイプ（CLS 課題など）、URL グループを表示します。

3. 検証の修正: 改善が必要なURLを修正した後、"検証の修正「オプションの検証

あなたのウェブサイトのコアウェブバイタルスコアを向上させる方法

コアウェブバイタルのスコアはサイトスピードと密接な関係があります：

1. 高速ホスティングとCDNの利用サーバーの応答性を向上。
2. 画像とリソースの読み込みを最適化Smush Image Compressionなどのプラグインで画像を最適化。
3. JavaScriptとCSSのファイルサイズを小さくするレンダリングをブロックするリソースを減らすために、ファイルをマージして縮小します。
4. キャッシュ・プラグインの使用WP Rocketのような、キャッシュのパフォーマンスを向上させることができます。
5. 定期的なテストと調整PageSpeed InsightsとGTmetrixを使って、ウェブサイトのパフォーマンスを定期的にチェックし、タイムリーな調整を行う。

評決を下す

コアウェブバイタルを最適化することで、WordPressウェブサイトの読み込み速度とユーザーエクスペリエンスを大幅に改善し、SEOランキングとコンバージョンを向上させることができます。LCP、FID、CLSのいずれであっても、これらの指標はウェブサイトのパフォーマンスとユーザーエクスペリエンスを測定する鍵となります。