SEO

Google「Core Web Vitals」とは?LCP・FID・CLSの意味&ランキング改善方法

Google「Core Web Vitals」とは?LCP・FID・CLSの意味&ランキング改善方法

Googleで検索をすると様々なページが出てきますが、これはランダムに表示されている訳であありません。Googleでの検索結果はある法則に基づいて決められており、現在では人気のある記事などが上位に表示されています。
Googleが優れた記事を上位に表示することで有益な情報をユーザーに届けようと設定しているのがSEOというシステムです。このSEOを取り入れてページを上位表示させるのが「SEO対策」と呼ばれるものです。
SEO対策にも様々な方法がありますが、今注目されているのが「Core Web Vitals」というものです。これは2021年には検索結果のランキングを決める要因になると言われています。ということで今回は、このCore Web Vitalsのシステムについて紹介していきます

Core Web Vitalsとは

Core Web Vitalsとは

Core Web Vitalsというのは、具体的にはどのような方法なのでしょうか。

Web Vitalとは

Web Vitalsというのはgoogleが設定しているシステムのことです。SEO対策にも役立つシステムで、Web Vitalを使って上手に対策をすることで、自分のページを上位に表示させることができます。

Core Web vitalsとは?

Web Vitalsの中でも根本となる3つの要素があります。これをCore Web Vitalsと呼びます。ポイントとなるのは、以下の通りです。

LCP(読み込み時間)

LCPというのは「Largest Contentful Paint」の略称であり、簡単に言うと「ページの表示速度」「読み込みのための時間」を示すものです。

ページ内に動画や画像などが多用されていると見やすい反面、どうしても重くなって表示時間が遅くなってしまいます。そうなるとユーザーはサクサクと情報を得ることができません。

このLCPという基準を採用することによって、読み込みの早いページを優先的に表示することができるようになるので、ユーザーにとってもメリットが大きくなるのです。

FID(インタラクティブ性)

FIDは「First Input Delay」という言葉の略で、インタラクティブ性を計測する指標とされています。インタラクティブ性と言われてもピンとこないという人もいるかもしれませんが、要はユーザーがサイト内で最初にアクションを起こした時の反応の速さを指します。

例えばリンクをクリックしたりフォームにテキストを入力したりした時に、サクサクと進んでいけるかどうかということです。FIDをSEO対策の基準とすることで、よりページ内でのアクションを起こしやすくなるのでユーザーへのメリットが大きくなります。

CLS(ページコンテンツの視聴的安全性)

最後にCSLですが、これはページ内で起こりうるズレや崩れを数値化して表したものです。設定が甘いサイトでは、突然バナー広告が出現して誤ってタップしてしまい、興味のないサイトに飛ばされてしまうということがあります。

これではユーザーの真の目的を的確に叶えることができませんし、ストレスを与えてしまうことになります。意図的にこのようなシステムにしているサイトもありますが、SEOの観点ではこのようなサイトはマイナスにしかなりません。

Core Web Vitalsの測定方法

Core Web Vitalsの測定方法

ここまでCore Web Vitalsについて紹介してきましたが、これらの数値は実際にどのように判別したらいいのでしょうか。ここからはCore Web Vitalsを測るための方法について紹介していくので、チェックしてみてください。

PageSpeed Insights

こちらのサイトではパソコンだけではなくスマホでのデータもパフォーマンスを測定することができます。

近年ではパソコン以外にスマホでネットをチェックする人も増えていますし、パソコンとスマホでは表示の仕様が違います。そのため、パソコンとスマホの両方の視点でシステムを診断してくれるというのは、非常に便利なツールと言えるでしょう。

ページの読み込み時間などをベースに診断して数値化できるので、具体的にどのようなところを改善すればいいのかということがわかりやすいのが大きな魅力です。

Chrome UX Report

実際に現場でページを閲覧している人のデータをかき集めて数値化することのできるこちらのサービスでは、リアルな情報を得ることができるのが大きな魅力です。ドメインやURLを入力するだけで簡単にそのページの情報の指標を出すことができます。

このデータは毎日更新されていき、最大過去4週間までのデータをまとめていくことができます。長期的なデータを基に分析することができるので、サイト運営のための対策や方針を固めやすいのが大きなメリットです。

Search Console

シンプルで使いやすいこちらのサイトは、サイト運営に長けている人だけではなく、運営の経験が少ないというほとでも気軽に利用することができます。ネットを利用しているすべてのユーザーに向けて作られているのが特徴です。

このサイトではページ内だけのユーザーのアクションだけではなく、ページに訪れる前のユーザーの動きも分析することができるのが大きなポイントです。ユーザーがページにたどり着くのに使った検索ワードや、クリックの回数なども詳しくデータ化することができるのです。

Chrome Devtools

こちらのサイトでは、意図しないレイアウトのズレが生じた場合に検出することができます。Core Web Vitalsでいう「CLS」の重要なポイントなので、こちらの計測ができるのはメリットとして大きいでしょう。

また、書き込み部分の入力から反映までにかかる時間も細かく算出することができます。

Lighthouse

こちらのサイトでは、サイトのパフォーマンスやアクセシビリティなどを基準にユーザー利用時の状況を細かく測定してくれます。

審査項目としては「フォントサイズ」「リンクへの誘導文字のわかりやすさ」「ページ表示の際にプラグインが必要とされないか」など細かなところまで見てくれるので、より使いやすいサイトを作るのに役立ちます。

ただ、このサイトは2019年2月時点で英語表示のみで、日本語には対応していません。これからの成長が期待されるサイトの一つです。

Web Vitals Extension

こちらのサービスは、Google Chromeに追加をすることによって簡単に設定をすることができます。見ているページのCore Web Vitalsのデータ(LCP・FID・CLS)をバックグランドで自動計測してくれるので、特に操作も必要ありません。

計測中のデータは、Chrome上の右上に出るアイコンをクリックすることでいつでも簡単にチェックすることができます。今見ているサイトの情報を知りたいという時に気軽に利用することができるので、使い勝手が良いのが大きな魅力です。

Core Web Vitalsの改善方法

Core Web Vitalsの改善方法

ここまでCore Web Vitalsについて便利なツールを紹介してきました。

冒頭でも述べましたが、2021年のGoogle検索ランキングの要因にもなると言われています。ではこのCore Web Vitalsを使って良いページを作っていくためには、どのような対策をしたら良いのでしょうか。

LCPの改善方法

LCPが悪くなってしまう要因としては、サーバーが重いことによる応答時間の遅さやリソース読み込みの遅延などが挙げられます。適宜圧縮などを行いながらページの読み込み速度を速める工夫をすることで、LCPの判定を改善することはできます。

FIDの改善方法

FIDの改善をするためにも、サイトの軽量化が必要になります。リクエストの数やデータ送信の量を少なくすることによってサイト自体のデータの重さを軽減することで、サクサクと操作をしていくことができるようになります。

例えば長いタスクは分割にするなどして、少しでも負担がかからないように調整していくことが大切です。

CLSの改善方法

CLSが起こる原因としては、表示されている画像や広告などのサイズ指定がなされていないことなどが挙げられます。またWebフォントや動くコンテンツがある場合にも、意図せず画面が動いてしまって知らないところを誤タップしてしまう原因になります。

これを防ぐためには、画像のサイズをあらかじめ指定しておき、動かないように設定していくことが大切です。広告などもページのズレの原因になるので、こちらもサイズを決めておくようにしましょう。

動くコンテンツなども多用しすぎるとズレの原因になるので、使いすぎないように気をつけましょう。

【まとめ】Core Web Vitalsを活用して、記事をヒットさせよう!

【まとめ】Core Web Vitalsを活用して、記事をヒットさせよう!

今回は、Core Web Vitalsについて紹介してきました。2021年にはgoogleランキングを構成するための一つの要因になると言われています。これらのデータを解析するソフトもたくさんあるので、上手に使いながら、ページの改善に役立ててみてください。

CONTACT US

デジタルマーケティングに関することならお気軽にご相談ください

メルマガ登録

メールマガジンはこちらからご登録ください。

デジタルマーケティングに関するホットな情報をお届けいたします。

フォームからのお問い合わせ

GMO TECHへの業務依頼、発注を希望される方はこちらよりご連絡ください。

個別相談会の申込み

サービスに関するご相談・ご質問、料金プランのご相談がありましたら、個別相談会を実施しております。フォーム希望日時を記載してお送りください。