MartinSplittとBartoszGoralewiczによる「実用的なレンダリングSEOの説明」からのトップ5の洞察

2021年10月6日、Bartosz Goralewiczは、GoogleのMartin Splittに、SEOのレンダリングについて話しました。これは、SEOコミュニティで取り上げられ、公開されてきたトピックです。

ウェビナーはJasonBarnardが主催し、Duda.coが主催しました。

ここで完全なトランスクリプトを読み、ここで録音を見ることができますが、この短い記事では、その会話で最も注目に値するいくつかのことについて話したいと思います。

ランク付けのためのレンダリングの問題

Bartoszは、多くのSEOに対する基本的な質問で議論を開始し、Martinの回答は非常に単純でした。はい、Googleがページをレンダリングしようとしているときに問題が発生した場合、それはあなたを傷つける可能性があります。

レンダリングは、Googleのインデックス作成パイプラインの重要なステップです。 これは主に、リソースのフェッチとJavaScriptの実行で構成され、特定のページのレイアウトツリーを作成します。 そのレイアウトツリーは、Googleにとってそのページに関する重要な情報源です。これは、メインコンテンツがどこにあるか、ページが何であるかを理解するのに役立ち、ページが検索結果に表示されるようになる以降の手順で使用されます。

コードのごくわずかなバグでさえ、ユーザーのブラウザとGoogleのWebレンダリングサービスの両方で、ページの一部または全体が不適切にレンダリングされる可能性があります。 その結果は、Googleがコンテンツを表示できないためにページがインデックスに登録されないことから、コンテンツの一部がインデックスに登録されないことまでさまざまであり、その結果、ランキングが損なわれる可能性があります。

残念ながら、非常に人気のあるWebサイトを見ても、レンダリングするには重すぎるバグやJavaScriptがたくさん見つかります。私たちの調査によると、重いスクリプトが部分的なインデックス作成の問題の原因であることがよくあります。

レンダリングはJavaScriptだけではありません

この点は、JavaScriptを使用しているかどうかに関係なく、GoogleがWebサイトをどのようにレンダリングするかを調べる必要があることを意味するため、重要です（ただし、最近JavaScriptを使用していない人気のあるWebサイトを見つけることをあえてします）。

レンダリングはJavaScriptの実行と混同されることがよくありますが、それだけではありません。メニュー、リンクカルーセル、画像、ビデオ、さらにはテキスト段落など、Webサイトのすべての視覚要素が含まれます。

JavaScriptのデバッグはレンダリングSEOの最も難しい部分ですが、GoogleがJS以外の要素をどのように処理するかを理解することを目指す必要があります。

たとえば、すべての画像に画像のサイズを使用することで、Googleの仕事を簡単にし、インデックス作成プロセスを高速化できます。 これにより、Googleは画像のレンダリングをスキップし、提供された寸法を使用してレイアウトツリーを生成できます。 また、画像ファイルを取得する必要がないため、クロールの予算にも役立ちます。

Googleはレンダリング時にCPU消費を気にします

Bartoszは、リソースを最適化するときにSEOを使用してGoogleのレンダリングプロセスを簡単にする方法をMartinに尋ねました。 彼の返事は面白かったし、あまり言及されていないことだと思う。

「Googleレンダリングサービスはピクセルを気にしないので、ペイントしていません。したがって、ペイントが非常に高価なものを見つけた場合でも、それについて心配する必要はありません。 絵を描くためにGPUを使用していません。また、絵の具に関連することも気にしません。

高価なレイアウト、特にメインスレッドで発生するレイアウト作業、つまりGoogleにとって貴重なCPU時間を発生させるレイアウト作業には注意が必要です。」

したがって、できることは、ページのレンダリングに必要なメインスレッドの作業量を最小限に抑えることです。 これは小さなWebサイトでは役割を果たさない場合がありますが、数百万のページがある場合、CPUコストが加算され、Webサイトのインデックス作成プロセスが遅くなる可能性があります。

CMSプラットフォームの使用には、レンダリングの長所と短所があります

Martinは、CMSプラットフォームがページのレンダリングにどのように影響するかについて興味深いことを言っていました。

「プラットフォームの良いところは、実際のプラットフォームを最適化するたびに、この最適化を無料で利用できることです。 あなたはそれについて実際に何もする必要がないので、それは素晴らしいことです。 独自のものを作成する場合は、最適化作業を行う必要があります。魔法のように最適化が行われることは決してありません。」

しかし、これにはコストがかかります。 CMSプラットフォームを使用するということは、Webサイトに、決して使用しない可能性のある冗長なコードを出荷する必要があることを意味します。 このプラットフォームは、すぐに使用できる機能を提供する場合もありますが、その機能を可能にするコードを削除することは不可能な場合があります。

SEOのレンダリングは、Googleとユーザーの両方に役立ちます

レンダリングを最適化するとき、多くの場合、ページを単純に明るくします。 Googleにとって、これはCPU消費量とリソースフェッチが少ないことを意味します。これは、Googleが非常に保守的に費やしているものであるため優れています。

ただし、主に接続が不十分なローエンドデバイスを使用している場合は、通常のユーザーにとっても同様に優れています。

マーティンが言ったように：

「あなたがそれを高くするほど、それは私たちにとって経験としてより悪くなります。 Google検索は実際には気にしません。必要なリソースに投資するだけで、多くの最適化を行って、無駄な時間とエネルギーをできるだけ少なくします。 しかし、明らかに、それを最適化する場合、良い副作用は、ユーザーが必要とするバッテリーが少なくて済むため、おそらくユーザーも幸せになることです。古い電話は、あなたが出したもので問題なく動作し、消費できるようになります。競合他社は気にせず、実際には携帯電話での使用に不便なものを作成しているため、Webコンテンツであり、競合他社ではない可能性があります。 つまり、これはGoogleとUXの違いではなく、同じ問題や同じ課題のようなものであり、Google検索を含め、私たち全員が直面しているので、それは素晴らしいことです。」