コアウェブバイタル

コアウェブバイタルとは？

コアウェブバイタルは、ウェブサイトのユーザー体験を改善するためにGoogleによって作成された指標です。読み込み速度を分析するための利用可能なツールの幅広い種類は、これらの指標すべてを統一する際にGoogleが考慮した要素のひとつであり、読み込み時間を最適化する際に伴う複雑性を少し簡素化することを目的としています。このイニシアチブは、最適なユーザー体験を達成するために非常に重要なこれらの「品質シグナル」に集中させることを目指しています。

Googleは、コアウェブバイタルが焦点を当てているものを数語でまとめています：

• ›

  読み込み体験

• ›

  インタラクティブ性

• ›

  ページコンテンツの視覚的安定性

Largest Contentful Paint（LCP）

**LCP（Largest Contentful Paint）**は、ユーザーに見える「最大の」コンテンツが利用可能で有用になるまでの読み込み時間を教えてくれる指標です。つまり、Googleは「Above the Fold」として知られる場所に配置された要素が迅速に読み込まれて読みやすく、ユーザーがそれらと相互作用できるよう利用可能でなければならないと言っています。

ユーザーが画面をクリックしたりスクロールしたりすると現れる要素はLCPに影響しないことを明確にすべきです。最大のコンテンツはテキストブロック、ビデオ、画像などになり得ます。

時間に応じたLCPステータスの分類。画像 © web.dev

Googleが最適と考える時間は？

チャートからわかるように、Googleは、LCPを読み込み、優れたユーザー体験を提供する最大時間を2.5秒未満と考えています。読み込み中にLCP要素が変わる可能性があることに注意することが重要です。

URLのLCPを知るには？

Chromeブラウザ自体で、Lighthouseの監査を実行することで、Googleが読み込む最大のコンテンツと考えるものを知るオプションがあります。次のように：

LCPの読み込みに影響する要素は？

LCPの読み込み時間が予想より長くなることに影響するアクションがいくつかあります。これらの要素やアクションは：

• ›

  サーバーレスポンス

• ›

  データベースクエリ

• ›

  解決に時間がかかるAPIレスポンス

• ›

  レンダリングをブロックするCSSやJS

• ›

  他のリソースの読み込みの遅さ

• ›

  最適化されていない画像

• ›

  その他

First Input Delay（FID）

**FID（First Input Delay）**は、ユーザーが要素のいずれかと相互作用したときに、ページが反応するのにかかる時間を示す指標です。

Pagespeedから取得した指標

しばらく前にGoogleが皆に提供したPagespeedツールでは、この指標への参照を見ることができます。良いと考えられる値は100 ms未満であるべきです。

時間に応じたFirst Input Delay (FID)ステータスの分類。画像 © web.dev

この指標（FID）の問題の主な原因はJavaScriptの実行から来ます。したがって、コードのどの部分がページが相互作用に反応するのに時間がかかる原因になっているかを特定する必要があります。私は個人的に広告JS読み込みでこの問題を経験しました。

Cumulative Layout Shift（CLS）

Cumulative Layout Shiftは、読み込まれる際に表示を変更する要素の読み込みに制限を設定する指標です。他のリソースが読み込まれるにつれて、画面上の要素にビューが移動しないように安定性を提供することについて話しています。

Googleは（まあ、Googleとすべてのユーザーは）、ページとの相互作用を始めた（読書、スクロールなど）ときに、後で読み込まれる要素がコンテンツに対するユーザーの位置を移動させ、スクロールで修正することを強制するのが非常に煩わしいと考えています。

この例は、この指標がどのように機能するかをよりよく説明するのに役立ちます。最初に左側にコンテンツが読み込まれているのが見えます。Googleが安定性について話すとき、それは3つ目の要素の読み込みが、以前に読み込まれたものを移動させないことを指します。右側の画像で見るように、YouTubeビデオの読み込みは、最初に読み込まれた2つのブロックを移動させました。

コアウェブバイタルが重要な理由

検索エンジン、特にGoogleと共存して以来、ウェブサイトを持っていて検索結果のオプションのひとつになりたい人に義務を組み込んできました。

すべてのデバイスからのアクセシビリティの改善、セキュリティプロトコル下の安全な閲覧の推奨、または侵入的な広告（インタースティシャル）を使用したウェブサイトのペナルティ化は、テックジャイアントの戦いのいくつかでした。

これらの指標は、ウェブサイトのどの部分がユーザーにとって問題になり得るかを指摘するためにGoogleが私たちに与える指標ですが…これは重要であることを意味するでしょうか？

ウェブサイトを「ロボット」の視点から理解するか「ユーザー」の視点から理解するかにかかわらず、これらの指標は、私たちのウェブサイトが期待されるほど機能していないという指標です。読み込み時間がコンバージョンに与える影響やユーザーの忍耐に関するいくつかの研究で既に見ました。現在ランキングに影響しないものの、これらの指標を無視することになるでしょうか？

私たちとしては、確実に考慮するつもりです。

コアウェブバイタルはランキングに影響するか？

今日の時点で、私たちが知っているのは、ユーザー体験を改善するための指標がますます重要になっており、それらの一部は既に検索結果で考慮されているということです。Googleブログの5月28日の記事で、2021年にユーザー体験に関連するいくつかの指標を組み込む新しいアップデートを展開する予定であることが発表されました。

モバイルファーストインデックスと事前通知の処理方法を思い出す必要があります。この場合、再び5月の記事を参照すると、少なくとも6か月の事前通知があることを警告しているので…来年末までにアップデートがあるでしょうか？

コアウェブバイタルを最適化するツール

コアウェブバイタルとは何か、今後数か月でどれほど重要になるかを話したので、これらの指標の最適化に取り組み始める時です。さまざまなツールを通じて、検出された問題に取り組み、パフォーマンスの改善を達成できます。

Lighthouse

Lighthouseは、Chromeにある強力なオープンソースツールです。Lighthouseを通じて、ウェブサイトを監査し、最適化が必要な不足や部分に関する結果を得るためにさまざまなテストを実行できます。これらの部分の中には、コアウェブバイタル指標があります。

Lighthouse監査の結果から取った画像

Page Speed Insights

Page Speed Insightsは、ウェブサイトのパフォーマンスデータを取得するためにGoogleが提供するもうひとつのオプションです。このツールは最も重要な指標とそのステータスのグラフさえも示します。Page Speed Insightsは、他のウェブサイトと比較したデータの取得を目的としたユーザー体験レポートに基づいています。

Page Speed Insightsが提供する指標

Chrome UX

Chrome User Experience Reportは、Chromeを通じて世界中のユーザーの行動についてGoogleが提供するデータのセットです。このデータにアクセスするには、Big Queryを使用し、Google Cloudアカウントを持つ必要があります。

Google Data Studioを通じて、アクセスを容易にし、このDashboardですべてを半分準備済みにしました

Chrome Dev Tools

Lighthouseだけでなく、Chromeの開発者ツールに飛び込めば、コアウェブバイタル指標を分析でき、同じ結論に達することができます。例えば、「Performance」タブでは、録音や新しい読み込みを行うと、私たちのURLがどのように振る舞っているかについての貴重な情報を得ることができます。

Chrome Dev ToolsのPerformanceオプションで撮影されたスクリーンショット

Web.Dev

物事を行うのに常により簡単な方法があります、少なくともコアウェブバイタルを知る点では。公式ウェブサイトには、各指標の詳細を示すページがあり、それが何であるか、それを改善する実践方法を説明しています。

さらに、Chrome Storeには、各URLに入るときにこの情報を提供する拡張機能があります：

赤または緑の表示で、これらの指標に関するURLのステータスを見ることができます：

Web Vitals拡張機能が提供する結果のスクリーンショット

Search Console

Search Consoleは、ウェブマスターにとって不可欠なツールです。これら3つの指標（LCP、FID、CLS）の問題があるURLを確認するのに役立つ機能が追加されました。左側のメニューには、「コアウェブバイタル」オプションがあります。このオプションを選択すると、デバイス別のURLの結果を示す2つのグラフが表示されます。デバイス（デスクトップまたはモバイル）を選択すると、どのURLに問題があるかを詳細に確認できます。

右側に多数のURLが表示されても驚かないでください。これは比較的普通です。問題は通常、ページタイプ別（例えばブログ投稿）に発生し、そのうちのひとつに取り組めば、すべてにわたって改善が得られるからです。

結論

このコアウェブバイタルのツアーは、ますます重要性を増していく指標を紹介することを目指しており、SEO担当者であれウェブマスターであれ、私たちはそれらと共に生きていきます。SEO Aliveから、私たちが提供したこれらすべてのツールを活用することをお勧めします。間違いなくウェブサイトのWPOパフォーマンスを改善するのに役立ちます。

サイトの速度を改善するチャレンジを受けますか？私たちが言及したいずれかのツールでテストを実行し、スクリーンショットでメッセージを送ってください。完全に無料で改善のヒントをお伝えします！