WordPress 向け Google Core Web Vitals 最適化

Google は年間を通じて数十回のアルゴリズム変更を行っており、質の悪い検索結果を排除し、最も有益で関連性の高いコンテンツのみを検索者に提供することを目指しています。昨年の秋、検索エンジンの巨人は、ウェブサイトのランキングに影響を与える可能性のあるかなり大きな変更をいくつか発表しました。

幸いなことに、すでに Web サイトの最適化とユーザーエクスペリエンス (UX) を優先している場合は、急いでサイトにあらゆる種類の変更を加えることを心配する必要はありません。ただし、それは、Google Core Web Vitals が何であるか、そして 2021 年 5 月末にこれらの変更が展開され始めた後に検索エンジンの結果にどのような影響を与えるかを理解する時間を割かずに、Google Core Web Vitals を素通りしたいという意味ではありません。

Google Core Web Vitals とは何ですか?

Web サイトのパフォーマンスとそれが全体的な消費者エクスペリエンスにどのような影響を与えるかに注目している人にとって、Web Vitals はまったく新しい概念ではありません。研究によると、ページ速度はユーザーエクスペリエンスに直接影響を与えるため、Google は 2010 年以来、ページ速度をランキング要素として使用しています。

ほとんどのウェブマスターが特に注意を払ったウェブの重要事項は次のとおりです。

ウェブ速度
サイトのセキュリティ
モバイルフレンドリー性
Robots.txt とサイトマップ

Google は長年にわたりこれらの要素に特に注意を払ってきましたが、現在ではこれまで以上に重要になっています。何が変わっているのでしょうか？

Google Core Web Vitals は、Google のコアアルゴリズムの一部となる、新しくて複雑な Web Vitals です。つまり、サイトがこれらの新しい Web Vitals によって設定された基準を満たしていない場合、変更によって悪影響を受ける可能性があります。

Google の最新アップデートの一環として優先される新しいウェブの重要要素は、ページ/サイトの読み込み、インタラクティブ性、視覚的な安定性であり、次のように表されます。

最大コンテンツフルペイント (LCP): ページの読み込み時間に焦点を当て、ユーザーの観点から見た 1 ページの読み込みにかかる時間で表されます。
初回入力遅延 (FID): インタラクティブ性とユーザーがページを操作する能力に焦点を当てます。
Cumulative Layout Shift (CLS): 視覚的な安定性に重点を置き、ページの読み込み時の安定性を表します。

最大のコンテンツフルペイント (LCP)

ウェブサイトの読み込み時間は、ユーザーエクスペリエンスに大きな影響を与えます。 Web サイトの読み込みが遅いとブランドの認知に悪影響があり、コンバージョンの減少につながる可能性があることが調査でわかっています。ページの読み込みに時間がかかりすぎると、ユーザーはイライラして、完全に読み込まれる前にサイトを離れる可能性があります。

LCP メトリクスは、ページの最初の読み込み開始時と比較して、ビューポート内で表示される最も目立つテキストまたは画像ブロックのレンダリング時間を報告します。理想的には、LCP スコアを 2.5 秒以下にすることが必要です。

最初の入力遅延 (FID)

FID は、ユーザーがサイト上の要素を操作してからブラウザーがそのリクエストに応答するまでの時間を追跡することを目的としています。インタラクションには、リンクのクリック、メニューオプションの選択などが含まれる場合があります。

主に大規模なコンテンツをホストする Web サイトでは、この特定の中核となる Web の重要性についてそれほど心配する必要はありませんが、ページの最後にインタラクティブな行動喚起が含まれている Web サイトや、クライアント/加入者のログイン、さらにはサインアップページ。反応時間が遅いほど、訪問者のイライラは大きくなります。理想的には、FID スコアが 100 ミリ秒以下であることが必要です。

累積レイアウトシフト (CLS)

最後に、CLS は、ページの読み込み時にページがどの程度安定しているかを測定するように設計されています。たとえば、モバイルデバイスでコンテンツを表示していて、読み込みが続いているときに読んでいたテキストがジャンプする場合、そのテキストブロックは不安定であると見なされます。このような状況は消費者にとって非常にストレスとなり、他の場所で必要な情報を見つけるためにページから移動するため、直帰率が高くなります。

ページが安定しているほど、全体的な CLS スコアは低くなります。理想的には、各ページの CLS スコアが 0.1 以下である必要があります。これより高い場合は、ページ上の要素が移動すべきでないときに移動しており、ページの読み込み時間とサイトの UX に悪影響を及ぼしていることを示します。

Core Web Vitals はあなたの Web サイトのランキング要素ですか?

ウェブバイタルは、ウェブサイトのランキングにおいて常に小さな役割を果たしてきました。しかし、より多くのユーザーが Web サイトが自分のために機能することを要求しているため、Google は現在、Web サイトを優先しています。その逆ではありません。ページが複雑すぎてナビゲートできない場合や、読み込みに時間がかかりすぎる場合でも、消費者は問題なくある Web サイトから別の Web サイトに移動できます。

Google によれば、ページの読み込み時間が長くなると、「直帰率に深刻な影響」が生じます。

ページの読み込み時間が 1 秒から 3 秒に増加すると、直帰率は 32% 増加します。
1 ページの読み込み時間が 1 秒から 6 秒に増加すると、直帰率は 106% 増加します。

これらの Core Web Vitals は、Google の現在の検索シグナルのページエクスペリエンスに加わります。これには次のものが含まれます。

モバイルフレンドリー: 米国のオーガニック検索エンジン訪問におけるモバイルシェアは 2021 年の第 1 四半期に 59% に達し、2020 年の第 2 四半期と第 3 四半期には過去最高 (64%) を記録しました。 Google がウェブサイトのランキング要素としてモバイルフレンドリーを含めるのは当然です。つまり、Web サイトはモバイルデバイスで開くだけでなく、スマートフォン、タブレット、その他のモバイルデバイスでも簡単にナビゲートして使用できる方法で表示されることになります。
セーフブラウジング: ページには、訪問者を騙して機密情報を漏らしたりソフトウェアをダウンロードさせたりするマルウェアやソーシャルエンジニアリングなどの悪意のあるコンテンツや欺瞞的なコンテンツは含まれていません。
HTTPS: Web サイトは安全であり、SSL 証明書を備えているため、Web サイトは暗号化、認証、整合性プロトコルを使用して銀行情報やログイン資格情報などの機密データをインターネット経由で安全に送信できます。。
侵入的なインタースティシャルは禁止: 侵入的なインタースティシャルは、基本的にポップアップして、訪問者が現在表示しているページを引き継ぐインタラクティブな要素として定義されます。ほとんどの場合、これらはポップアップ広告とオーバーレイです。一部のインタースティシャル（合法的なインタースティシャルなど）は必要ですが、Google は、必要と見なされない煩わしいインタースティシャルを含むサイトにペナルティを科します。

これらの各ウェブサイトバイタルと更新されたコアウェブサイトバイタルは、Google のアルゴリズムでランキングを決定するために使用されるようになります。これらの Web 重要事項にすでに細心の注意を払っている場合は、ほとんど心配する必要はありません。ただし、ページ速度、サイトのセキュリティ、およびその他の UX の重要な概要に特に注意を払っていない場合は、サイトに大きな変更をすぐに加え始めるか、最初にサイトを作成するときに心に留めておく必要があります。あなたのウェブサイト。

ウェブサイトの中核となるウェブバイタルを改善するにはどうすればよいですか?

すでに最適化されている Web サイトに小さな修正を加えたい場合でも、完全な見直しを準備している場合でも、Core Web Vitals を改善できる方法はいくつかあります。以下はコア Web バイタルの上位 5 つです。

1. 画像を最適化する

残念ながら、Web サイトに画像やビデオを追加する場合、ほとんどのクリエイターは単に要素を埋め込むだけで、UX を向上させるためにそれらを最適化することについてはほとんど考えていません。最新の Web サイトでは画像とビデオが帯域幅の約 63% を占めるため、Web サイトのパフォーマンスを高めるために時間をかけて最適化することが重要です。画像/ビデオの最適化に取り組む最善の方法は、次の 3 つの要素を考慮することです。

ファイルサイズ: Web サイトに画像やビデオを追加するときに最初に考慮すべきことは、ファイルサイズです。画像やビデオをサイトに埋め込む場合は、ファイルが大きくならないようにする必要があります。ファイルサイズが大きいほど、画像の読み込みに時間がかかります。
ファイルタイプ: 次に考慮すべきことは、ファイルタイプです。最近のほとんどのブラウザは必要なファイルタイプを使用しますが、画像またはビデオに正しいファイルタイプを使用していることを確認することが最善です。
画像形式: 3 番目に考慮すべきことは画像形式です。ほとんどのブラウザは PNG および GIF ファイル (場合によっては BMP) を受け入れますが、画像が正しくフォーマットされていることを確認する必要があります。 PNG ファイルは GIF よりもはるかに効率的で、ほとんどのデザイナーが好むファイル形式です。

画像を圧縮して最適化するには、TinyPNG などのサードパーティの Web サイトを使用できます。または、WordPress ウェブサイトをお持ちの場合は、次のような画像最適化プラグインがあります。

スマッシュ
ShortPixel 画像オプティマイザー
イマジファイ

これにより、メディアファイルが自動的に最適化されます。

2. CSS と JavaScript を最適化する

CSS および JavaScript ファイルはサイトの機能にとって重要ですが、サイトのパフォーマンスにとっても重要です。これらのファイルを最適化すると、サイトのページの読み込み時間が短縮され、Google の検索結果でのサイトのランクが向上します。

CSS ファイルと JavaScript ファイルのパフォーマンスを最適化するには、いくつかの方法があります。いくつかのヒントを次に示します。

CSS ファイルの数を制限する: CSS ファイルの数が多いほど、サイトの読み込みにかかる時間が長くなります。 CSS ファイルが大きすぎず、必要な数のファイルのみを使用していることを確認する必要があります。
CSS/JavaScript ファイルの縮小: CSS ファイルと JavaScript ファイルを縮小すると、サイトのパフォーマンスを向上させることができます。 CSS および JavaScript ファイルから不要なスペースや文字を削除すると、サイトの読み込みが速くなります。
外部スクリプトの数を制限する: 外部スクリプトの数が増えるほど、サイトの読み込みにかかる時間が長くなります。

これらの戦術を実装するには、ほとんどの場合、開発者と協力する必要があります。ただし、WordPress ウェブサイトをお持ちの場合は、次のようなプラグインがあります。

ハチドリ
ライトスピードキャッシュ
自動最適化

そうすれば、面倒な作業はすべて完了します。さらにヘルプが必要な場合は、Hummingbird プラグインを使用して Web サイトのパフォーマンスを向上させる方法に関するこのガイドを確認してください。

3. ウェブサイトが安全であることを確認する

Googleは、ランキングアルゴリズムにおいてセキュリティを考慮することを明らかにした。つまり、SSL (SSL/TLS または単に TLS とも呼ばれます) 証明書に投資する必要があります。 SSL 証明書はサイトのセキュリティを確保するのに役立ちます。これにより、訪問者のデータが保護され、訪問者がサイトに入力する情報が確実に暗号化されて安全になります。幸いなことに、現在、適切に管理されている WordPress ホスティング会社のほとんどは無料の Let’s Encrypt SSL をサポートしているため、サイトを保護するために大金を投じる必要はありません。

4. ウェブサイトがモバイルフレンドリーであることを確認する

モバイル検索の成長に伴い、Web サイトはモバイルフレンドリーである必要があります。つまり、Web サイトはモバイルデバイス上で正しく読み込まれ、表示されます。 Web サイトの応答性が高く、訪問者が簡単にナビゲートできるようにしたいと考えています。

ほとんどの人気のある WordPress テーマはデフォルトでレスポンシブになっています。ただし、古いテーマまたはカスタムテーマを使用している場合は、これが当てはまらない可能性があります。サイトをモバイル対応にする方法がよくわかりませんか?考慮すべき点がいくつかあります。

形式: ウェブサイトの形式が正しいことを確認してください。これには、画像の適切なサイズ変更、適切なファイルタイプの使用、正しい CSS および JavaScript 形式の使用が含まれます。
読み込み時間/速度: サイトが適切に読み込まれ、表示されることを確認します。 Web サイトがモバイルデバイスに読み込まれるのに時間がかかりすぎたり、遅れたりフリーズしたりしないようにしたいと考えています。
応答性: サイトが応答性があることを確認してください。 Web サイトが複数のブラウザーやデバイスで応答できることを確認したいと考えています。
ナビゲーション: サイトを簡単にナビゲートできるようにしてください。メニューが使いやすく、サイトに訪問者が移動できないようなボトルネックがないことを確認したいと考えています。

5. サーバーを最適化する

最後に、ホスティングサーバーが Web サイトの負荷を処理できることを確認する必要があります。サーバーがこれを処理できない場合、読み込み時間の遅さやダウンタイムなど、あらゆる種類の問題が発生する可能性があります。サーバーのパフォーマンスが最適化されていることを確認することが最善であり、そのための 1 つの方法は、適切なサーバーを使用していることを確認することです。考慮すべきオプションがいくつかあります。

VPS サーバー: ウェブサイトの規模が小さい場合、VPS サーバーは優れたソリューションです。 VPS サーバーは費用対効果が高く、柔軟性があるため、ほとんどの中小企業に最適です。
専用サーバー: ウェブサイトが大規模な場合、専用サーバーが適切なソリューションとなる可能性があります。専用サーバーは、訪問者数が多い場合や Web サイトのページ数が多い場合に優れたソリューションです。
クラウドサーバー: ウェブサイトの規模が小さく、訪問者が少ない場合は、クラウドサーバーが適切なソリューションとなる可能性があります。クラウドサーバーはコスト効率と拡張性に優れているため、中小企業にとって優れた選択肢となります。
共有ホスティング: ウェブサイトが大きく、訪問者が多い場合は、共有ホスティングが最適なソリューションとなる可能性があります。共有ホスティングは費用対効果が高く、拡張性があるため、大企業にとって優れたソリューションになります。

ほとんどのマーケティング専門家にとって、Google の Core Web Vitals アップデートはそれほど大きな騒ぎにはなりません。なぜなら、検索エンジン最適化 (SEO) のベストプラクティスでは、ユーザーエクスペリエンスを優先する必要性がすでに強調されているからです。

ただし、Web サイトを立ち上げたばかりの場合、またはこれまでユーザーエクスペリエンスを優先してこなかった場合は、Web サイトがランキングでペナルティを受けないようにするために必要な手順を講じる必要があります。上記で概説した 5 つのステップは、始めるのに最適な場所です。一度に 1 つのステップを実行するだけで、ウェブサイトの準備が整います。