Core Web Vitals(コア ウェブ バイタル)とは、GoogleがWebサイトの「ユーザー体験(UX)」を数値化するために定めた、最も重要な3つの指標のことです。
簡単に言うと、「そのページがどれくらい快適に使えるか」をGoogleが採点する基準です。
以下の3つの指標で構成されています。
コアウェブバイタルの3つの指標
| 指標名 | 役割 | 意味 | 目標値 |
| LCP (Largest Contentful Paint) | 読み込み速度 | ページ内の主要なコンテンツが表示されるまでの時間 | 2.5秒以内 |
| INP (Interaction to Next Paint) | 応答性 | クリックやタップなどの操作に対し、画面が反応するまでの時間 | 200ミリ秒以内 |
| CLS (Cumulative Layout Shift) | 視覚的安定性 | 読み込み中にボタンや画像がガクッと動く「ズレ」の度合い | 0.1未満 |
なぜこれが重要なのか
- 検索順位に影響する(SEO)
- Googleのアルゴリズムは「内容が良くても、使いにくいサイトは上位に出したくない」という仕組みになっています。
コアウェブバイタルは、検索結果のランキングを決める要因の一つになっています。
- Googleのアルゴリズムは「内容が良くても、使いにくいサイトは上位に出したくない」という仕組みになっています。
- 離脱率とコンバージョンに直結する
- 表示が遅かったり、ボタンが急に動いて誤クリックしたりするサイトは、ユーザーがすぐに離れてしまいます。
数値が改善されると、結果として売上や読了率が上がるでしょう。
- 表示が遅かったり、ボタンが急に動いて誤クリックしたりするサイトは、ユーザーがすぐに離れてしまいます。
自分のサイトを測定する方法
Googleが無料で提供している以下のツールで、誰でもすぐに確認できます。
- PageSpeed Insights: URLを入れるだけで、今のスコアと改善策を具体的に教えてくれます。
- Google Search Console: サイト全体のどのページが「良好」「改善が必要」なのかをまとめて把握できます。
まとめ
SEO を上げて検索上位を目指すようなサイトではなくて、クローズドなものであっても、動的なサイトを構築する上でこれらの指標は目標にできます。
CLS 視覚的安定性は、大手サイトであっても、広告バナーを遅延ロードすると、読み始めたコンテンツ本文が、ガクッと動くものがあったりして困惑します。
ユーザ体験を損なわず、快適なサイトとして公開することを心がけたいですね。