コアウェブバイタルとは？3つの指標でSEO評価を解説
SEO（検索エンジン最適化）はウェブサイトの訪問者に優れたユーザー体験を提供し、検索エンジンでの順位を上げるための重要な手段です。「優れたユーザー体験」を定義する新たな指標として、Googleが導入したものが「コアウェブバイタル（Core Web Vitals）」です。
コアウェブバイタル（Core Web Vitals）とは？
コアウェブバイタルは、Googleが定めたウェブサイトのユーザーエクスペリエンスを評価するための指標です。これはウェブサイトのパフォーマンスを可視化し、ユーザビリティの向上を図るために設定されたものです。
具体的には、
１．ページの読み込み速度（LCP）
２．インタラクティブ性（FID）
３．視覚的な安定性（CLS）
の3つの領域を中心に評価します。
＞「Semrush」コアウェブバイタル・内部診断・エラーチェックなど内部SEO対策にフル活用！
SEOへの影響は？
Googleが2020年に発表したコアウェブバイタルは、ウェブページのユーザーエクスペリエンスを直接評価するものであり、SEOに大きな影響を与える可能性があります。実際、2021年からはこれらの指標がGoogleの検索ランキングに影響を及ぼすことが明らかにされました。すなわち、これらの指標が良好であるウェブページは、検索結果でより高い位置を占める可能性が高くなります。このため、ウェブサイトのパフォーマンス改善は、SEO戦略において重要な要素となります。
コアウェブバイタルで重要視される3つの指標(LCP・FID・CLS)
コアウェブバイタルでは、主に3つの指標が重視されます。それぞれ
１．LCP（Largest Contentful Paint）：ページの読み込み速度
２．FID（First Input Delay）：インタラクティブ性
３．CLS（Cumulative Layout Shift）：視覚的な安定性
と呼ばれます。
１．LCP（Largest Contentful Paint）：ページの読み込み速度
LCPは、ページのメインコンテンツが画面上に表示されるまでの時間を測定する指標です。基本的には、ページの読み込みが速いほどユーザーエクスペリエンスが向上します。GoogleではLCPが2.5秒以内に完了することを推奨しています。
https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/
２．FID（First Input Delay）：インタラクティブ性
FIDは、ユーザーがページに最初のインタラクション（クリック、タップ、キープレスなど）を行った時から、ブラウザがそのインタラクションに反応するまでの時間を測定します。つまり、ページの応答性についての指標です。Googleの推奨値は100ミリ秒以内です。
３．CLS（Cumulative Layout Shift）：視覚的な安定性
CLSは、ページの視覚的な安定性を測定します。ページ上の要素が突然動く（シフトする）と、ユーザーの体験は大きく悪影響を受けます。このような動きは、ユーザーが誤ってアクションを起こす原因にもなり得ます。この指標のGoogleの推奨値は0.1以下です。
その他コアウェブバイタルの5つの指標
これら3つの主要な指標の他にも、ウェブページのパフォーマンスを評価するための5つの補助的な指標があります。
１．FMP(First Meaningful Paint)
２．FCP(First Contentful Paint)
３．SI(Speed Index)
４．TTI(Time to Interactive)
５．TBT(Total Blocking Time)
１．FMP(First Meaningful Paint)：メインコンテンツ表示までの時間
FMPは、ユーザーがページの主要な内容を認識できるまでの時間を測定します。これはLCPと似ていますが、FMPはユーザーにとって「意味のある」コンテンツが表示されるまでの時間を示します。
https://developer.chrome.com/docs/lighthouse/performance/first-meaningful-paint/
２．FCP(First Contentful Paint)：レンダリング開始までの時間
FCPは、ブラウザがページの最初のコンテンツ（画像、テキストなど）を、レンダリング開始するまでの時間を測定します。これはページの「感じられる」速度に対する指標です。
https://developer.chrome.com/docs/lighthouse/performance/first-contentful-paint/
３．SI(Speed Index)：コンテンツが視覚的に表示されるまでの時間
SIは、ページの視覚的なコンテンツがどれほど早く表示されるかを表す指標です。これはページ全体の読み込みパフォーマンスを示すため、ユーザーエクスペリエンスの観点から重要です。
https://developer.chrome.com/docs/lighthouse/performance/speed-index/
４．TTI(Time to Interactive)：操作可能までの時間
TTIは、ページが完全に操作可能になるまでの時間を測定します。すなわち、すべてのUI要素が反応し、ページがユーザーのインタラクションに応答できる状態になるまでの時間を示します。この指標は、ページの全体的な利便性と反応性を評価するために重要です。
https://developer.chrome.com/docs/lighthouse/performance/interactive/
５．TBT(Total Blocking Time)：合計ブロック時間
TBTは、ユーザーのリクエスト（マウスのクリック、画面のタップなど）に対して、ページが応答しない時間の合計を示す指標です。具体的には、FIDに近いですが、ページのライフサイクル全体を対象にします。この指標は、ページのパフォーマンスとユーザー体験の観点から重要となります。
https://developer.chrome.com/ja/docs/lighthouse/performance/lighthouse-total-blocking-time/
コアウェブバイタルと4つのシグナル
コアウェブバイタルの他にも、Googleはウェブページのユーザーエクスペリエンスを評価するために、以下の4つのシグナルを考慮しています
１．モバイルフレンドリーであるか
２．セーフブラウジングであるか
３．SSL/TLS対応しているか
４．インタースティシャルはないか
１．モバイルフレンドリーであるか
ユーザーの多くがモバイルデバイスを使用してウェブサイトを閲覧しているため、モバイルフレンドリーなウェブページは重要です。Googleはこの要素を評価し、モバイルユーザーに対するページの利便性を反映させます。
２．セーフブラウジングであるか
ウェブサイトはユーザーのセキュリティを確保する必要があります。Googleはウェブページがユーザーに危険なコンテンツ（マルウェアや社会工学的な詐欺など）を表示していないかどうかを評価します。
３．SSL/TLS対応しているか
SSL/TLSはウェブページとユーザー間の通信を暗号化する技術です。これはユーザーの情報を保護し、信頼性を確保するために重要です。GoogleはSSL/TLSを使用しているウェブページを評価します。
４．インタースティシャルはないか
インタースティシャル広告はユーザーエクスペリエンスを妨げる可能性があるため、Googleはその使用を制限しています。特にモバイルデバイスでは全画面を占めてしまうインタースティシャルはユーザビリティを大幅に低下させる可能性があります。
＞「Semrush」内部チェック・エラー診断・効果検証までSEO改善がこれ一つで！
コアウェブバイタルの評価が確認できる6つのツール
これらのコアウェブバイタルの指標を評価し、必要な改善を行うためのツールがいくつかあります。これらのツールを使用することで、パフォーマンスの問題点を特定し、解決策を見つけることが可能です。
１．PageSpeed Insights
２．Google Search Console
３．Google ディベロッパーツール（Lighthouse）
４．Google ディベロッパーツール（Performance）
５．拡張機能：Web Vitals
６．Semrush
１．PageSpeed Insights
https://pagespeed.web.dev/?hl=ja
PageSpeed InsightsはGoogleが提供するウェブページのパフォーマンス評価ツールです。このツールはコアウェブバイタルの指標を計測し、改善提案を提示します。
２．Google Search Console
https://search.google.com/search-console/manual-actions?hl=ja
Google Search Consoleはウェブサイトの検索パフォーマンスを監視し、最適化を支援するツールです。また、新たにコアウェブバイタルレポートも提供され、特定の問題やトレンドを特定するのに役立ちます。
３．Google ディベロッパーツール（Lighthouse）
https://developer.chrome.com/ja/docs/lighthouse/
Lighthouseはウェブページのパフォーマンス、アクセシビリティ、SEOなどを評価するオープンソースツールで、Google ディベロッパーツールに統合されています。Lighthouseのレポートは、改善すべき領域を明確に示し、アクション可能な提案を提供します。
４．Google ディベロッパーツール（Performance）
https://developer.chrome.com/ja/blog/new-in-devtools-102/
Google ディベロッパーツールのPerformanceタブでは、ウェブページのパフォーマンスを詳細に分析することができます。これにより、ページの読み込みプロセス中に何が起こっているのかを理解し、パフォーマンスの問題を特定しやすくなります。
５．拡張機能：Web Vitals
Web Vitals拡張機能は、リアルタイムでコアウェブバイタルの指標を表示するChrome拡張機能です。これにより、ウェブページをブラウジングしながら、直接パフォーマンスを確認することができます。
https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma
Web Vitals拡張機能は、リアルタイムでコアウェブバイタルの指標を表示するChrome拡張機能です。これにより、ウェブページをブラウジングしながら、直接パフォーマンスを確認することができます。
６．Semrush
サイト内のコアウェブバイタルチェックには、「Semrush」が有効です。
サイト内をクローラが巡回し、Google SearchConsoleで検知されなかったエラー発見から特定まで自動で検出してくれます。
【Semrushでできること】
・自社サイトのテクニカルSEO分析（YMYL、スピードチェック、重複コンテンツ）
・自社サイトと競合サイトとの流入ワード差分
・競合と自社の検索表示順位推移（ポジション・トラフィック）
・競合サイトのSEO分析
・競合サイトの流入ワード分析
など
ただいま7日無料でトライアルいただけます。
▼▼▼7日間無料トライアル実施中▼▼▼
https://oroactivecampaign.ac-page.com/trial14days-input
３つの指標ごとのコアウェブバイタルの改善方法
それぞれ
・LCP(Largest Contentful Paint)
・FID(First Input Delay)
・CLS(Cumulative Layout Shift)
のコアウェブバイタルには、改善を促す方法があります。
LCP(Largest Contentful Paint)の改善方法
https://web.dev/i18n/ja/optimize-lcp/
LCPを改善するためには、主に以下の手段があります
①不要なサードパーティスクリプトの削除
スクリプトが多ければ多いほどネットワークリクエストとCPUの時間を占め、ページのロードを遅らせるため、軽量化を行うことで、改善する可能性があります
②CSSリソースの非同期読み込み
通常CSSは、同期読み込みのため、レンダリングがブロックによる、ページの表示遅延が生じます。
ファーストビュー以外のCSS を非同期にすることなく、主要コンテンツの読み込みをブロックすることなく、リソースを読み込むことができます。
③CSSの最適化
CSSはページのレンダリングに直接影響を及ぼすファイルであるため、不要なCSSを排除することでページのロード時間を短縮できます。
FID(First Input Delay)の改善方法
https://web.dev/i18n/ja/optimize-fid/
FIDを改善するためには以下の手段があります。
①JavaScriptの処理時間を最小限に抑える
JavaScriptの処理に時間を要している場合は、JavaScriptの量を減らす、非同期にコードを読み込む、コードの実行を遅らせるなどの方法があります
②ウェブワーカーを使用する
ウェブワーカーを使用することで、スクリプトの処理をバックグラウンドで実行できるようになるため、メインスレッドの負荷を軽減することができます。
CLS(Cumulative Layout Shift)の改善方法
https://web.dev/i18n/ja/optimize-cls/
CLSを改善するためには以下の手段があります。
①画像や動画の要素に幅と高さのサイズ属性を設定する
サイズ属性であるwidthやheightが設定されていない画像要素や動画要素は、意図しないレイアウトシフトを発生させ、ユーザーエクスペリエンスの妨げになります。属性の指定やCSSでのアスペクト比対応ボックスを使用することで、ブラウザがコンテンツのスペースを予約でき、レイアウトのシフトを防ぎます。
②プレースホルダーを使用する
プレースホルダーとは、入力欄に薄いグレーなどで入力例を記載し、ユーザーに例を提示することができる機能です。入力伴い表示はなくなります。
＞「Semrush」サイト診断・順位計測・キーワード調査などSEO対策にフル活用！
まとめ：コアウェブバイタルを改善して、サイトスコアをあげよう
コアウェブバイタルはウェブページのパフォーマンスとユーザーエクスペリエンスを評価するための重要な指標です。LCP、FID、CLSの3つの主要な指標、そしてその他の指標と4つのシグナルを用いて、Googleはウェブサイトの評価を行います。これらの指標はSEOの観点からも重要であり、ユーザーエクスペリエンスの向上とサイトのランキング向上に寄与します。
評価の結果を元に改善を進めるためには、各種ツールを駆使することが必要です。Googleが提供するPageSpeed InsightsやGoogle Search Consoleは、サイトのパフォーマンスを客観的に評価し、具体的な改善提案を得るのに役立つツールです。また、Google ディベロッパーツールやChrome DevToolsはより深いレベルでの分析とデバッグに有用であり、Chrome UX ReportやWeb Vitals拡張機能はリアルタイムのパフォーマンス評価に利用できます。
そして改善を行うにあたっては、各指標に対する具体的な対策を進めていく必要があります。LCPの改善では、不要なサードパーティスクリプトの排除やCSSの最適化が考えられます。FIDの改善ではJavaScriptの処理時間を最小限に抑えることやウェブワーカーの利用が有効です。そして、CLSの改善には、要素の幅と高さの設定や動的コンテンツの配置、プレースホルダーの利用が重要です。
コアウェブバイタルの理解とそれに対する改善策の実施は、ウェブサイトが提供するユーザーエクスペリエンスの向上と、ウェブサイトの検索結果における位置づけ向上に直結します。今後も新しい指標や評価基準が導入される可能性がありますので、SEOやユーザーエクスペリエンスに関心がある方は、これらの動向に注目し続けることが重要です。
コアウェブバイタル調査・改善におすすめなSEOツール「Semrush」
記事内紹介のSEOツール「Semrush」をいますぐお試し！
