ウェブサイトの速度の重要なSEO要因としてのコアウェブバイタルの評価

公開: 2020-10-13

これまでに、Webサイトのパフォーマンスをアップグレードするためのさまざまな技術的なSEOのヒントとコツをすでに知っているかもしれません。一方、検索エンジンは常に新しい指標を考え出しているため、最新のSEOトレンドに対応し、競争に勝ち残るために戦略を変更する必要があります。コアWebバイタルとページエクスペリエンスは、このリストに新しく追加されたものです。今日はこれらについて簡単に見てみましょう。

問題の簡単な紹介

現在CoreWebVitalsに名前が変更されているGoogleSearchConsoleのSpeedReportは、2つの新しいパフォーマンスメトリックを提供します。
1.累積レイアウトシフト
2.最初の入力遅延に加えて最大のコンテンツフルペイント

Core Web Vitalsは、PageSpeedInsightやLighthouseなどのさまざまなツールに導入されています。

Googleは、今後の大きな変更を発表しました。2021年にランキング要素として新しいページエクスペリエンスシグナルをリリースします。これは主にコアWebバイタルに焦点を当てます。

今までに、あなたは私たちの今日の議論の背後にある動機を理解したかもしれませんか？かっこいい、今からもっと深く掘り下げましょう。

Googleのウェブサイトの速度とUXへの焦点–ページエクスペリエンス

Googleは、次の方法でページエクスペリエンスの概要を説明します。

「ページエクスペリエンスは、純粋な情報価値を超えてWebページを操作したエクスペリエンスをユーザーがどのように認識するかを測定する一連のシグナルです。」

したがって、ページエクスペリエンスは、Googleがユーザーエクスペリエンスにとって重要であると考える複数の要素のブレンドと見なすことができます。要因は次のとおりです。

HTTPS
ポップアップが多すぎる
モバイルフレンドリー
安全な閲覧

現在、これらは重要な検索信号としてすでに文書化されています。したがって、現在の主な焦点は、CoreWebVitalsの導入です。

あなたのSEOランキングが心配ですか？強調しないでください。 Google Webmaster Centralブログは、変更は2021年までは実装されず、Googleはシグナルを公開する少なくとも6か月前に通知を提供すると主張しています。したがって、良いニュースは、Webサイトがまだガイドラインに準拠していない場合でも、ページを最適化する時間があるということです。

次の文章を読んで、それについてすべて学び、実装を開始してください。

コアWebバイタルの概要

このセクションでは、Core Web Vitalsのすべてのコンポーネントについて説明し、メトリックを改善するためのいくつかの効果的なヒントを提供します。しかし、まず最初に– CoreWebVitalsが実際に何であるかを分析しましょう。

Core Web Vitalsは、Googleがウェブページの全体的なユーザーエクスペリエンスにおいて非常に重要であると考えるいくつかの特定の要素です。要するに、これらは全体的なページエクスペリエンススコアに追加される要因のサブセットです。

Core Web Vitalsの指標は、最大のコンテンツフルペイントまたはLCP（サイトの読み込みパフォーマンスのリアルタイムユーザーエクスペリエンスを測定）、First Input DelayまたはFID（サイトの対話性のUXを測定）、および累積レイアウトシフトまたはCLS（UXを測定）です。ページの視覚的安定性のために）。

これ以上面倒なことはせずに、これら3つのコアWeb Vitalメトリックを分析し、これらを改善するためのいくつかの効果的な戦略について説明しましょう。

LCPまたは最大のコンテンツフルペイント

Largest Contentful Paintは、ビューポートに表示される最大のコンテンツ要素のレンダリング時間を測定します。簡単に言うと、リンクをクリックしてからほとんどのコンテンツが画面に表示されるまでにかかる時間です。 LCPは、他のページ速度メトリックとは異なります。たとえば、FirstContextualPaintやTimetoFirst Byte（TTFB）などのメトリックは、ユーザーがWebページを開くのが実際にどのようなものかを実際には反映していません。 LCPは、ページの速度に関して本当に重要なこと、つまりWebページの表示と操作に重点を置いています。

ちなみに、あなたのLCPスコアは何ですか？ PageSpeedInsightsで見つけてください。

GoogleのLCPガイドラインによると、ウェブサイトのパフォーマンスは、良好（最大2.5秒）、改善が必要（最大4秒）、不良（4秒を超える）の3つのカテゴリに分類できます。

LCPスコアを改善するいくつかの方法は次のとおりです。

#Minimize CSS – CSSファイルには、インデント、スペース、コメントなどの文字が含まれる場合があります。これらの文字はブラウザには不要です。ブロッキングCSSの量を減らすと、最終的にページのメインコンテンツ（LCP）のレンダリングにかかる時間が改善されます。

＃大きなページ要素を削除する– Google PageSpeed Insightsを監視して、ページにLCPを遅くする要素があるかどうかを確認します。

#Upgrade Web Host –ホスティングを改善すると、全体的な読み込み時間が改善されます。

#Take Advantage of Lazy Loading –遅延読み込みは、ユーザーがページを下にスクロールするまで、ページ要素の読み込みを阻止します。これは、より高速なLCPを実現するのに役立ちます。

大変な作業ですか？賛成です。価値がある？絶対に、Webページが3秒以内にロードされない場合、Webトラフィックの40％がバウンスすることを考えると（出典：Hobo-web）！

ページの読み込み速度を最適化するためのヒントをさらにいくつか紹介します。

FIDまたは最初の入力遅延

では、WebページのLCPが大幅に改善されたことを願っていますが、ユーザーはページをスムーズに操作できますか？それがFIDが測定するものであり、ユーザーがページを操作するのにかかる時間です。

FIDまたは最初の入力遅延は、ユーザーがページを初めて操作するときに発生する遅延です。たとえば、要素をクリックしたときにWebページからフィードバックを取得するための遅延です。

理解を深めるための相互作用の例をいくつか示します。

-ウェブサイトのナビゲーションのリンクをクリックする
-モバイルデバイスでアコーディオンテキストを開く
-フィールドにメールを入力する
-メニューから任意のオプションを選択する

LCPと同様に、ここでもGoogleには許容可能なFIDを構成する特定の範囲があります。最大100ミリ秒のFid–良好、最大300ミリ秒–改善が必要、最大500ミリ秒–不良。

現在、完全にコンテンツベースのWebページ（ブログ投稿やニュース記事など）の場合、ユーザーの操作はズームインとズームアウト、またはページのスクロールダウンのみであるため、FIDはそれほど大きな問題ではない可能性があります。しかし、ログイン、サインアップ、または連絡フォームの記入があり、ユーザーが何かをすばやくクリックする必要があるページ–FIDは大きな要因です。

サイトのFIDスコアを改善するために行うべきことがいくつかあります。

#JavaScriptの延期または最小化–ブラウザがJSをロードしている間、ユーザーはページを操作できません。したがって、JSを延期するか、ページ上でJSを最小化することが、強化されたFIDの鍵となります。

#Use Browser Cache –キャッシュは、ページコンテンツを非常に高速にロードするのに役立ちます。これを活用すると、ユーザーがページをすばやく操作できるようになります。

＃重要でないサードパーティスクリプトの削除– LCPと同様に、ヒートマップ、GoogleAnalyticsなどのサードパーティスクリプトはFIDに悪影響を及ぼします。

CLSまたは累積レイアウトシフト

累積レイアウトシフトは、ページの存続期間全体（ユーザーがページの操作を開始した後を含む）中に発生するすべての個々のレイアウトシフトの合計を測定します。また、シフトの距離と関係する領域のサイズも考慮されます。

簡単に説明しましょう。ページの読み込み時にページ上の要素が移動すると、CLSが高くなり、パフォーマンスが低下します。ページ要素は、ロード時にかなり安定している必要があります。そうすれば、ページが完全に読み込まれた後、ユーザーは画像、フィールド、またはリンクがどこにあるかを再学習したり、誤って何かをクリックしたりする必要がありません。グーグルによれば、0.1までのウェブページCLSは良いです、0.2までは改善が必要です、そして0.3までは悪いことを意味します。

WebページCLSをチェックしている場合は、モバイルデバイスでもチェックインしてください。

CLSを改善するいくつかの方法は次のとおりです。

＃フォールドの下に新しいUI要素を追加–そうすれば、ページが読み込まれたときにユーザーが期待するコンテンツが押し下げられることはありません。

＃広告用のスペースを予約する–そうしないと、広告が突然Webページに表示され、コンテンツが押し下げられる可能性があります。

＃メディアにサイズ属性のサイズを設定する–これにより、ユーザーのブラウザは、ビデオ、画像、インフォグラフィック、GIFなどのメディアに必要な容量を把握し、ページが完全に読み込まれた後も変更されないようにすることができます。

スピードアップデートとページエクスペリエンス–実際に変わったこと

Googleは初めて、ページエクスペリエンスの指標を使用して、ページの速度だけでなく、全体的なパフォーマンスをランキングシグナルとして発表しています。また、正確なメトリック（LCP、FID、およびCLS）と、それぞれの詳細なターゲットを定義しています。したがって、全体的なUXが優れているほど、ページエクスペリエンススコアも高くなります。

最後の言葉
それで、それは素晴らしいページ体験スコアがあなたをグーグルのナンバーワンランクに魔法のように押し上げることを意味しますか？最短の答えは「いいえ」です。 Google自体は、ページエクスペリエンスがサイトランクの向上に寄与するいくつかの要因の1つであると述べています。ほら、SEOには簡単な修正はありません。あなたは見てもよい。トップSEOエージェンシーの専門家によると、適切な戦略、最大限の努力、そして忍耐を実行する-これはゲームに勝つためのレシピです！