LCP・FID・CLSとは?2021年以降のSEOで超重要!!

SEO

今回は、2021年以降のSEOで重要視されると予想される「LCP」「FID」「CLS」について、それぞれどのような意味なのか?そして何に対しての指標なのかを説明していきます。

「LCP」「FID」「CLS」はGoogleが新たに提唱したコンセプトの「Core Web Vitals」に含まれる“重視する3つの指標"です。
2021年以降、この3つの指標を基にUX(ユーザー体験)の健全性を測ると言われています。
よってこの評価が高い程「扱い易く快適なサイト」と認識されSEOにプラス効果がもたらされると期待されています。

反対に、この指標を疎かにする事で、対策済みの周辺サイトと相対的に低品質と見做される可能性もあるので、今のうちに知識を付けて対策をするべきでしょう。

今回は、まずこれらが何なのかを説明し、次回に改善案を紹介していきます。

LCPとは?

LCPとは「Largest Contentful Paint 」の略称です。

LCPは、WEBサイトの描画がビューポートに表示されている最大のコンテンツ要素が表示された時間です。つまりファーストビューの閲覧ページで重要かつ割合の大きいコンテンツが表示されるタイミングを計測します。

これは、リソースが読み込まれてレンダリングが開始されるまでだけでは無く、その後のユーザーにとって意味のある状態にまで表示が完了するまでの時間も含まれています。

例えば、メインビジュアルに置いている画像などのHTMLだけを先に読み込み、lazy loadなどで実際の表示を遅らせている場合は、その読み込みが終わり完全に表示されるまでの時間を指します。

そのためLCPの評価が高いサイトは重要コンテンツを逃さず、確実に視認出来る事になるのでユーザー体験が高いと言えます。

FIDとは?

FIDとは「First Input Delay」の略称です。

FIDは、ウェブサイトがユーザー反応にどのくらい速く対応できるかを把握するための指標です。内容は非常にシンプルで、クリックやタップ、マウスダウン、キーダウン、スクロール、ポインタダウン、タッチスタートのためのイベントハンドラーなど、ユーザーが最初にアクセスしてから実際にイベントが発生し、イベントハンドラを呼び出されるまでの時間を測定します。

通常WEBサイトを閲覧している時は、スワイプすればスクロールされる、クリックすれば何かが開く、マウスを置けば何かが変わる、テキストを入力すると表示が変わる、など何かしらが動作しているかと思います。これらのユーザーの動作に対して実際に返答されるまでの時間です。

そのためFIDの評価が高いサイトはストレスを感じ難く、スムーズに動くWEBサイトとなりユーザー体験は良好と言えます。

CLSとは?

CLSとは「Cumulative Layout Shift」の略称です。

CLSは、ページがどのくらい安定している様に感じるかを示す値です。
HTMLやCSSが安定して読み込まれる事とは別の話で、実際にユーザーがページを見ている際、視覚的に安定して表示がされているかを指します。そのため読み込み途中でレイアウトが変更されたり、ズレていないかを測ります。

WEBサイトは、様々な要素によりページ閲覧中に再読み込みを始めたり、要素の移動やレイアウトの再構築などが行われる場面などがあると思います。それらの要素は基本的にUXの健全性の低下に繋がる要因になりがちです。

そのためCLSの数値が高いサイトは、静的サイトに多い印象です。動的サイトの場合は安定性を維持するために同時に複数の動作が起こらない様にする必要性がありそうです。

まとめ

LCP・FID・CLSはCore Web Vitalsに関する重要な3つの指標で、ユーザー体験向上のための新たなコンセプトです。

各々の意味合いは下記の通り。

  • Largest Contentful Paint (LCP)
  • First Input Delay (FID)
  • Cumulative Layout Shift (CLS)

そしてこれらの指標の数値はPageSpeed Insightsでサイトスピードを調べた際にフィールドデータに表示されます。

この様にCore Web Vitalsの3つの指標はページスピードに密接に関わる指標なので、ページスピードの得点にも影響が出てきます。

またsearch consoleでは「ウェブに関する主な指標」との項目でCore Web Vitalsの3つの指標の評価を抽出したデータ一覧が見ることが出来ます。

より詳しく知りたい方は下記のGoogle Developersのページを参照して下さい。

https://developers-jp.googleblog.com/2020/05/web-vitals.html


以上が「LCP・FID・CLSとは?2021年以降のSEOで超重要!!」でした。

今後これら3つの指標に関する施策や提案が広がっていき、ビジネスも加速していくと思われます。
自身で対応する術を付けるために、まずは事前知識として、これらの意味を理解しときましょう。
そして次のステップで具体的な改善方法を一つずつ考えていきましょう。

SEOKnow-How,SEO対策,WEB用語

Posted by KT