SEO対策とコンバージョンUPへの近道！コアウェブバイタルを改善しよう

2022年8月12日 2022年10月30日

西澤祐介 / 株式会社ドーモ

株式会社ドーモ（DOMO）で表示スピード研究会に所属している西澤と申します。
表示スピード改善の重要性と改善方法についてお話しさせていただきます。

この記事の目次

1 ウェブサイトの表示スピードがコンバージョンに直結する
2 Googleは「コアウェブバイタル」で評価している
- 2.1 コアウェブバイタルの３つと指標
3 コアウェブバイタルを「PageSpeed Insights」でチェック
4 コアウェブバイタルを悪化させてしまう原因
5 コアウェブバイタル対策をするためのツール
6 自動で画像を最適化するなら「Cloudflare」

ウェブサイトの表示スピードがコンバージョンに直結する

ページの表示が遅くてサイトを離脱した経験はないでしょうか？

統計上のデータでもGoogleから「表示速度が１秒から３秒へ落ちると直帰が32%上昇する」という調査結果が報告されています。つまり、１秒表示が遅くなるだけで多くの訪問者が去ってしまうということです。

実際のお店に例えるなら、お店の入口の自動ドアが開くのが遅すぎてお客様が帰ってしまった、こんな状況ではないでしょうか。

Googleは「コアウェブバイタル」で評価している

Googleはサイトの「ページエクスペリエンス」を重要視しています。ページエクスペリエンスを簡単にいうと、ページの使いやすさです。ページエクスペリエンスの内容（評価指標）は過去にアップデートされてきましたが、最新のアップデートで評価の対象になったのが「コアウェブバイタル」という指標です。

「コアウェブバイタル」は、Googleが2020年に発表し、2021年6月から検索順位の決定要素に組み込まれた評価指標です。2021年６月のアップデート時点ではスマートフォンからの検索のみが対象となっていましたが、2022年２月からPCからの検索も適用されました。

この「コアウェブバイタル」の評価が低いと、Googleからのマイナス評価となり、検索結果もランクダウンしてしまいます。SEO改善のために、コアウェブバイタル対策をしましょう。

コアウェブバイタルの３つと指標

コアウェブバイタルには大きな３つの評価指標があります。

LCP（Largest Contentful Paint）

そのページで最もファイルサイズが大きいコンテンツが表示されるまでの時間です。
ページが最初にロードを開始して、LCPが2.5秒以内であることが理想。

FID（First Input Delay）

ユーザーが最初にページ内でアクション（例：クリックやタップ、テキスト入力など）を行うことができるまでの時間です。FIDは、100ミリ秒であることが理想。

※シミュレーション計測は不可能なため、TBT(Total Blocking Time)を参照するように提言されています。

CLS（Cumulative Layout Shift）

視覚の安定性を測る指標で、ページレイアウトの意図せぬズレを発生させている場合のチェックです。
例として、ページを開いた際に意図しないところで突然画像が現れ、読んでいたテキスト全体が下へずれてしまうという状況です。CLSスコアが0.1未満となるのが理想。

コアウェブバイタルを「PageSpeed Insights」でチェック

Googleが提供している無料のPageSpeed Insightsを使って簡単に確認することができます。

■PageSpeed Insights
https://pagespeed.web.dev/

測定対象のURLを入力し「分析」をクリックすると、測定結果が表示されます。測定の結果、改善が必要な事項としてよく出る３つの課題があります。

次世代フォーマット
効率的な画像フォーマット
適切なサイズの画像

次世代フォーマットとは、WebP や AVIF などの画像形式です。PNG や JPEG より圧縮率が高く、ファイルサイズを軽くすることができます。画像を最適化すると、読み込み時間を短縮しモバイルデータ量を抑えることができます。必要以上に大きい画像を使っている場合には、小さくするといった改善が必要です。

【次世代画像フォーマットのデメリット】
WebP形式はWebサイトにアップロードするには最適な形式といえますが、その一方、汎用的に使用されるjpgからWebPの変換する作業が必要です。次世代フォーマットのうち、AVIFは対応ブラウザが2022年8月現在少ない状況です。現状ではWebP形式のみが現実的な選択肢でしょう。