マーケターがページエクスペリエンスの次のステップに備える方法
公開: 2021-12-159月初旬にGoogleのページエクスペリエンスアップデートの公開が終了すると、検索エンジンがウェブサイトを評価する方法が変更されました。つまり、ユーザーエクスペリエンスシグナルに新たに重点が置かれました。 SMX Nextでのセッションで、テクニカルSEOの製品アドバイザーでAhrefsのブランドアンバサダーであるPatrick Stoxは、このアップデートにいくつかの重要な変更が加えられ、多くのSEOが混乱し続けていることを指摘しました。
「安全なブラウジングはすでに行われています」と彼は言いました。「そして累積的なレイアウトシフトは少し変わりました。 最もシフトが発生するのは5秒です。 グーグルはまた、トップストーリーの要件からAMPを削除し、多くのニュースサイトがそれを削除することを検討しています。」

ページエクスペリエンスアップデートの重要な部分の1つであるCoreWebVitalsも、最も熱く議論されているものの1つです。 SEOやエージェンシーは、これらの指標がランキングに関してどれほど大きな違いをもたらすのか疑問視しており、Stoxなどの多くの企業がデータをより深く調査するようになっています。
「私たちは約520万の個別のページを見ました。これは、現在研究されている最大のデータセットだと思います」と彼は言いました。 彼の調査によると、コアWebバイタルの推奨基準を満たしているのはそのうちの11.4%にすぎません。
これは疑問を投げかけます:コアWebバイタルの最適化は必要ですか?
「おそらくこれらは小さなランキング要因です」とStoxは言いました。「しかし、SEOの観点からこれを議論すると、失敗するでしょう。 多くのGoogle社員は、これらは小さな要因であり、タイブレーカーのシグナルであると述べています。」
「SEOに大きな影響を与えない場合、優先順位を付けるのは難しいでしょう」と彼は付け加えました。
それでも、Core Web Vitalsは、ページエクスペリエンスのいくつかの重要な原則を示しています。 SEOが期待するランキングブーストを提供できなかったとしても、これらのシグナルは、マーケターがより多くの訪問者を変換したい場合に必要なユーザーエクスペリエンスの側面を示しています。 そして、グーグルがそのアルゴリズムにこれらの種類の信号を追加し続けるにつれて、あなたのサイトの可視性ははるかに改善される可能性があります。
Stoxは、ページエクスペリエンスの更新を念頭に置いて最適化する際に、マーケターが理解して優先すべき5つの概念を提供しました。
小さいほど速い
最大のContentfulPaint(LCP)は、知覚される負荷速度を測定し、ユーザー中心の重要な指標です。 これは、ページのメインコンテンツが読み込まれたポイントです。
ユーザーがコンテンツをできるだけ早くロードすることを望んでいるのは当然のことです。 ただし、そのためには、マーケターは開発チームと協力してリソースサイズを削減する必要があります。リソースが小さいほど、ページの読み込みが速くなり、ページが受け取るLCPスコアが高くなります。

「何かが必要ない場合は、ロードしないでください」とStox氏は述べています。 「サイトが小さいほど高速です。つまり、JavaScriptファイル、CSS、HTMLを圧縮する必要があります。すべてを可能な限り小さくしてください。 不要なものを取り除きます。」
サーバーの場所が重要
サイトのサーバーの場所は、ページエクスペリエンスに直接影響します。 そのため、Stoxは、マーケターとサイト所有者がコンテンツ配信ネットワーク(CDN)を使用することを推奨しています。 これらの地理的に分散したサーバーネットワークは、連携してユーザーエクスペリエンスを向上させることができます。
「ほとんどすべての記事で、CDNを使用するように指示されています」とStox氏は述べています。 「単純に、場所が重要です。 接続にかかる時間、サーバーから物を取得するのにかかる時間。」
「世界中に自分のサイトのコピーがあれば、その時間は短縮されます」と彼は付け加えました。

CDNは、世界中の場所からリソースを取り込むことができるため、大規模なサイトで特に効果的です。 これにより、コンテンツが必要なときに検索者に確実に届くようになります。

同じサーバーを使用する
Stoxは、マーケターは、ページエクスペリエンスのシグナルを改善するときに、可能であれば単一のサーバーを使用することを選択する必要があると述べました。 接続されているサーバーを追加するたびに、レンダリングにさらに遅延が発生し、ページの読み込み時間が遅くなる可能性があります。

「同じサーバー上にできるだけ多く、またはできるだけ多くを保持します」と彼は言いました。 「別の場所に接続するたびに、追加の時間と往復が必要になります。」
「追加のサーバーを使用する場合は、DNSプリフェッチとプリコネクトが必要です」と彼は付け加えました。

代わりに、プリコネクトとDNSプリフェッチコードを追加することもできます。 これらは、サイトがサーバー間の早期接続を確立するのに役立ちます。
キャッシュが正しく設定されていることを確認します
Stoxは、効果的なキャッシュを設定することで、長期的に優れたページエクスペリエンスを提供できると主張しています。 彼は、SEOとサイト所有者がこの機能を定期的に使用して、最初のページの読み込みに少し時間がかかる場合でも、サーバーへの負担を軽減することを推奨しています。
「可能な限りキャッシュします」とStox氏は述べています。 「最初の読み込みには時間がかかる場合がありますが、その後は1ページおきにダウンロードされます。CSSがダウンロードされ、JavaScriptがダウンロードされ、フォントがダウンロードされています。 彼らは彼らのブラウザにいます。 その時点でローカルに保存されます。つまり、超高速になります。」

ページリソースの読み込みでアイテムに優先順位を付ける
Webページは、ユーザーがそれらを表示して操作する前に、多くのリソースをロードする必要があります。 ただし、一部のリソースは他のリソースよりも重要です。
「ブラウザには、フォント、CSS、HTML、JavaScriptがあります。それら(サーバー)は、何を優先するかを理解する必要があります」とStox氏は述べています。 「最初のビューポートを構成するもの、つまり人々が最初に見るものをロードする必要があります。その後、他のすべてのものが後で表示されます。」

目標は、人々が最初に目にするものをロードし、次に二次リソースをロードすることです。 このようにインラインコーディングを使用してリソースの読み込みを構造化すると、最も重要なコンテンツをユーザーにすばやく配信するのに役立ちます。
「私が「インライン」CSSと言うとき、私が意味するのは、CSSファイルの一部を取り、それをHTMLに入れることです」と彼は言いました。 「つまり、HTMLをダウンロードしているときに、表示されているページに必要なCSSを取得します。 別のCSSファイルがダウンロードされて処理され、レンダリングが開始されるのを待つ必要はありません。」
「必要なものに優先順位を付け、レンダリングはこの方法で少し早く行うことができます」と彼は付け加えました。
最終的に、Stoxが指摘するように、Googleのようなプラットフォームは十分に高度になり、SEOはページエクスペリエンスのこれらの技術的側面についてあまり心配する必要がなくなります。人々はこれについてそれほど心配する必要はありません。 SEOは開発者を煩わせる必要はなく、開発者は必ずしもそれに集中する必要はありません。」
しかし、その未来はまだ遠いです。 コアWebバイタルを最適化すると、たとえタイブレーカーであっても、競合他社ではなく、サイトにオーディエンスを呼び込むことができます。
ここで完全なSMXNextプレゼンテーションをご覧ください(登録が必要です)。
