コアWebバイタルとは何ですか？ （改善のための+4のヒント）

検索エンジン最適化（SEO）に関して言えば、GoogleのコアWebバイタルはランキングの要因です。 他の多くのSEO指標とは異なり、これらの指標はユーザーの観点からWebサイトのパフォーマンスを測定します。 Core Web Vitalsのアップデートは、Webサイトをより楽しく、より応答性が高く、よりスッキリさせることを目的としています。

GoogleのCoreWebVitalsは、Web開発者がワールドワイドウェブをすべての人にとってより幸せな場所にするのに役立つように設計されていますが、Googleはそれらを検索エンジン結果のランキング指標としても使用しています。 つまり、これらの簡単な指標は、Web開発者がWebサイトを改善する機会を提供し、SEOの専門家はWebサイトのランキングを改善するもう1つの方法を提供します。

Core Web Vitalsは、企業とその訪問者の双方にメリットをもたらします。 読み込み時間の遅延、コンテンツのシフト、またはその他の問題がなくても、Webエクスペリエンスが優れていることに誰もが同意できます。 また、WebサイトのコアWebバイタルを最適化すると、オーガニックビジターとビジネスのコンバージョン率に具体的な影響を与えることができるのも素晴らしいことです。

コアWebバイタルとは何ですか？

医師が患者のバイタルサインをチェックすると、完全な検査を行うことなく、その人の全体的な健康状態のスナップショットを取得します。 代わりに、温度、心拍数、血圧などの最も重要な指標を測定します。 これは、GoogleのCoreWebVitalsがWebサイトのユーザビリティの健全性とページエクスペリエンスを覗き見する方法に似ています。

Core Web Vitalsは、3つの指標要素を通じて、Web開発者とサイト所有者が更新を最初に適用する必要がある場所を決定できるようにします。

Core Web Vitalsは何を測定しますか？

健康バイタルには心拍数、体温、血圧が含まれますが、ウェブサイトのコアバイタルには次のものが含まれます。

• 最大のコンテンツフルペイント（LCP）
• 累積レイアウトシフト（CLS）
• 最初の入力遅延（FID）

これらの用語を読んで突然圧倒されたと感じても、心配しないでください。 これらは、他の多くの技術的なSEOやWeb開発用語と同様に、思ったほど複雑ではありません。 そして、それぞれについて詳しく説明します。

GoogleがコアWebバイタルを開発したのはなぜですか？

Googleは、関連するコンテンツを提供しているにもかかわらず、多くのトップランクのWebサイトが訪問者に最適なエクスペリエンスを提供していないことに気づきました。 訪問者の観点から既存のメトリックを使用してWebサイトのユーザビリティを定量化することは困難でした。 そこで、Googleは両方を修正することを使命としました。

Webエクスペリエンスは本当にひどいものでしたか？ はいといいえ。 Googleが最初にCoreWebVitalを公開したとき、上位のサイトの98％がCoreWebVitalの基準に合格していませんでした。 これは、2021年6月にPage Experienceの更新が公開された後、ランキングで大ヒットしたWebサイトの例です。

Googleはウェブエコシステムの全体的な健全性を改善したいと考えていることを覚えておくことが重要です。 結局のところ、インターネットはユーザーのために構築されています。

ユーザー間の最大の苦情を測定するための基準を引き上げて設定することに加えて、他の問題が常に発生することに注意することが重要です。 1つは、Web開発手法が非常に多様化したことです。 また、ユーザーエクスペリエンスの指標を持つことで、ウェブサイトを設計するためのさまざまな方法がすべて説明されます。

コアWebバイタルを調べることには他にどのような利点がありますか？

Googleは、これらの指標を業界全体の海の変化を開始する方法と見なしています。 GoogleのCoreWebVitalsプログラムのAnnieSullivanによると、読み込み時間に関連するユーザーエクスペリエンスを強調することで、WordPress、Shopify、BigCommerceなどのサードパーティのコンテンツ管理システムは自社製品を改善するように動機付けられます。 これは、中小企業、ユーザー、およびWebイノベーションに利益をもたらします。

LCP、CLS、およびFIDの内訳

Core Web Vitalsは、LCP、CLS、およびFIDの3つの主要なメトリックによって定義されます。 Webサイトのこれらの側面はすべて、ユーザーがWebサイトを操作する時間に影響を与えます。

これらの問題に焦点を当てることにより、Web開発者はユーザーエクスペリエンスを大幅に向上させることができます。 これらの指標をターゲットにすることで、SEOの専門家はウェブサイトをより適切に最適化できます。

最大のコンテンツフルペイント（LCP）

LCPは、ユーザーに表示される最大のコンテンツ要素のレンダリング時間です。これは、First Content Paint（FCP）とは異なります。 LCPは、「フォールドライン」を下回る要素をカウントしません。 つまり、ユーザーがスクロールして表示する必要がある場合、LCPにはカウントされません。

では、WebサイトのLCPとして何を識別できるでしょうか。 ほとんどの場合、LCPはページの注目画像または<h1>タグです。

ただし、次の場合もあります。

• ビデオプレビュー
• 背景画像を含む画像
• テキストのブロック

理想的なLCP時間とは何ですか？

速度に関しては、ユーザーエクスペリエンスに関しては秒が重要です。 興味のあるコンテンツが読み込まれるのを心配して待っているユーザーにとって、秒は年齢のように感じることがあります。 したがって、LCPの場合、理想的には、LCPを2.5秒未満にする必要があります。

なぜLCPが重要なのですか？

最も重要な要素が読み込まれるまでの時間により、ユーザーがバックアウトする可能性があります。 これにより、バウンス率が膨らむ可能性があります。 さらに、ユーザーが要素の読み込みを待つ時間が長すぎると、売り上げを失う可能性があります。

累積レイアウトシフト（CLS）

記事を読んでいて、ブラウザ上でテキストが移動したために場所を失ったことがありますか？ これは、画像または動画の読み込みに時間がかかり、視覚的な安定性が低下したことが原因である可能性があります。 CLSは、これらのシフトの数を定量化します。

CLSは、ミスクリックの原因にもなります。 たとえば、Webサイトにログインしているときに、ログインボタンが移動すると、「パスワードを忘れた」をクリックしてしまう可能性があります。 明らかな理由で、これはイライラします。

レイアウトシフトの原因は何ですか？

CLSが高くなる最も一般的な要素には、次のものがあります。

• 自動サイズ設定の画像
• iframeのない広告
• JavaScriptが多すぎます
• フォントスタイルの読み込みが遅すぎます

理想的なCLS時間とは何ですか？

CLSを0.1秒未満にする必要があります。

なぜCLSが重要なのですか？

あなたが望む最後のことはあなたのウェブサイトへの訪問者がイライラしていると感じることです。 使用中にページが移動すると、訪問者はあなたのWebサイトやビジネスに否定的な印象を与えることになります。

最初の入力遅延（FID）

FIDは、ユーザーがページの入力フィールドなどの要素を操作できるようになるまでにかかる時間を測定します。 FIDは、条件付き入力フィールドまたは再生を押してからビデオが開始するまでの遅延も考慮に入れます。

多くのサードパーティウィジェットが遅れているため、このWebバイタルは多くのWeb開発者にとって恐ろしいものでした。ほとんどの開発者は、これらのツールを使用して面倒で面倒なタスクを減らしています。 ただし、このメトリックは、CMSおよびウィジェットの開発者にゲームを向上させる動機を与えます。

PageSpeed InsightsやLighthouseなどの多くのツールでは、 「TimetoInteractive」や「TotalBlockingTime」というフレーズが使用されていることに気付くでしょう。 一部のWebページには対話の機会がないため、これらはFIDの代わりになることがよくあります。

入力インタラクションとは何ですか？

入力インタラクションとは、ユーザーがインタラクションでき、サイトが応答する必要があるWebサイト上のアクションです。 これらには以下が含まれます：

• リンク
• ボタン
• テキストフィールド
• ドロップダウンメニュー
• チェックボックス

理想的なFID時間とは何ですか？

FIDを100ミリ秒未満にする必要があります。

最初の入力表示が重要なのはなぜですか？

FIDが不十分な場合、待ち時間が原因で（そして購入を再考するためにより多くの時間がかかるため）多くのユーザーが販売目標到達プロセスから撤退するため、コンバージョンが大幅に減少する可能性があります。

コアWebバイタルがSEOにとって重要なのはなぜですか？

Core Web Vitalsは、Google検索結果のランキング指標です。 また、ページのランク付けを決定する要因は200以上ありますが、 Web Vitalsのメトリックが低いと、Webサイトのパフォーマンスに累積的な悪影響を与える可能性があります。

さらに、Googleの担当者は、 Web Vitalsが、検索エンジンが今後数年間Webサイトをランク付けする方法において役割を果たし続けることを発表しました。 また、これらの指標は検索エンジンを微調整および改良するため、さらに重要になると予想されます。

バウンス率とブランドの評判

さらに、eコマースWebサイトは、ユーザーの第一印象が重要であるという点で実店舗型のビジネスに似ています。 あなたがビジネスに話しかけ、レイアウトに迎えられたり混乱したりしないのであれば、あなたはおそらく向きを変えて去るでしょう。

同じことがeコマースエクスペリエンスにも当てはまります。 訪問者が離れるとき、あなたはあなたの訪問者のページ滞在時間とあなたのバウンス率に影響を与えています。 Web Vitalメトリクスを通じてWebサイトのSEOを改善すると、コンバージョンが増えることは間違いありません。

あなたのウェブサイトのコアウェブバイタルを監査する方法

Webサイトのコアバイタルを監査する最も簡単な方法は、無料のSEO監査を実行して、フィールドデータメトリックを通じてWebサイトのスコアを下げる問題を特定することです。 次に、これらの問題を修正します。

コアWebバイタルの評価尺度

• 90から100（緑）：最高
• 50〜89（オレンジ）：中程度
• 0〜49（赤）：悪い

ただし、いくつかの異なるアプローチを使用して、WebサイトのCWVを確認することもできます。

Webツールを使用したWebサイトの監査

GoogleChromeの灯台

1. GoogleChromeのシークレットモードに切り替えます。
2. Webサイトに移動します。
3. ページを開く検査：ページを右クリックして、[検査]を選択します。

または、Crtl + Shift + Cを押したままにして、「検査」を選択します。

1. 検査メニューが表示されたら、二重矢印アイコン（ ）。 次に、「灯台」を選択します。
2. メニューが読み込まれたら、「レポートの生成」ボタンを選択します（ ）およびレポートに反映させるデバイスタイプ。 両方を見ることをお勧めします。
3. レポートが表示されると、各カテゴリのスコアが表示されますが、FIDの代わりに「合計ブロッキング時間」を使用する必要があります。 詳細については、展開リストボタンを選択できます。

PageSpeedInsightsの使用

1. PageSpeed Insightsツールを使用して、URLをテキストフィールドに貼り付けます。 次に、「分析」を選択します。
2. Web Vitalsが赤、オレンジ、または緑で表示されたレポートが表示されます。 また、Core Web Vitalsの横には青いブックマークアイコンがあり、ボタンを選択して各カテゴリを展開して詳細を確認できます。
3. 下にスクロールすると、Webサイトのパフォーマンスを向上させるための提案が表示されます。

SearchAtlasダッシュボードの使用

SearchAtlasユーザーの場合、 GSCInsightsツールでCoreWebVitalsを簡単に監査できます。

指標を確認するページを見つけて、[ページインサイト]を選択するだけです。

このツールは、ページの履歴データに加えて、ページがGoogleのコアウェブバイタル基準を満たしているかどうかも示します。

Webページ全体でコアWebバイタルを改善するための4つのヒント

Core Web Vitalsレポートを最初に見たとき、圧倒されていると感じるのは簡単です。 ただし、WebVitalsをチャンスと見なすことが重要です。 そして、最大の修正のいくつかも最も簡単です。 後でではなく、早めに実行することをお勧めする4つを次に示します。

1. 数字を把握し、目標を設定する： SearchAtlas、Google Search Console、Lighthouse、またはPageSpeed Insightsを使用して、現在のWebVitalsスコアを理解します。 Webサイトが一般的な問題に苦しんでいるかどうかを確認します。 最適化されていない画像などの共通点を見つけた場合は、CMSにWeb開発コミットフックを追加して、これらの問題を自動的に修正できます。
2. 実際のユーザーのデータを頻繁に確認する：ラボの数値は洞察に満ちていますが、レポートを定期的にチェックして、実際の訪問者が何を体験しているかを理解することが重要です。 変更がメトリックに悪影響を及ぼさないように、更新後にレポートを実行することを忘れないでください。
3. 最大のコンテンツフルペイントを特定して最適化する：[パフォーマンス]メニューを選択すると、LCPを特定できます。 次に、指示に従ってページの読み込みを記録します。 識別されたら、画像または見出しを圧縮します。
4. 国際ビジネス向けのコンテンツ配信ネットワークを検討してください。インターネットに関する物理的な距離についてはあまり考えていませんが、読み込みの問題が発生する可能性があります。 サーバーがユーザーから離れた国にある場合、CDNはより多くのリモートリージョンにコンテンツをより速く配信できるため、コンテンツ配信ネットワークを使用する方がよい場合があります。

コアWebバイタルに関する最終的な考え

ウェブサイトコアバイタルは、ユーザーにとってウェブサイトがどれだけ楽しいかを測定する指標です。 それらは、最大のコンテンツの多いペイントのロード時間、最初のインタラクション遅延、およびWebサイト要素のシフトによって測定されます。 Core Web Vitalsは、Googleが検索エンジンの結果のどこにウェブサイトを表示するかを決定する多くの方法の1つですが、これらの指標を改善すると、多くの企業のコンバージョン率と評判も向上します。

これらの指標はここにとどまりますか？ あなたは賭けます。 また、Googleの更新を予想しているため、SEOのベストプラクティスを使用してWebサイトを表示し続けることが重要です。 私たちの技術的なSEOスペシャリストのチームは、あなたのウェブサイトがGoogleのコアウェブバイタルに最適化されていることを確認するのに役立ちます。 今日連絡してください！