Japanese Google Search Office Hours（#Google検索オフィスアワー 2024年03月28日）：レンダリング問題をどう確認・解決する？

TL;DR

レンダリング問題は、初期HTMLとレンダリング後HTMLを別々に確認し、Googlebotが重要なコンテンツやJavaScriptを取得できる状態にすることで解決へ近づけます。初期HTMLには3つ、レンダリング後HTMLには4つの主な確認方法が紹介され、URL検査ツールではインデックス登録時点のHTMLも確認できます。具体的な調査手順と起こりがちな問題を把握するために、続きを確認してください。

Transcript

皆さんこんにちは本日もGoogle社員 によるGoogle検索オフィサーはの 時間となりました本日お届けするのはいつ も通り私あとなりますえ本日もどうぞ よろしくお願いし ますはいえそれではですねえ早速 Googleからのお願いに移っていき ましょうはいえまずですねえ本オフィスア ではハッシュタグGoogle検索 Officehourをこちか使用して おりますえなのでですねえ質問についての ご意見ご感想ある方は是非こちらの ハッシュタグGoogle検索オフィス アワをつけてえSNSに投稿してください えまたですねご紹介した記事のリンクなど はえ本動画の概要欄に後ほど掲載いたし ますそしてですねえ我々の励みとなります ので是非こちらの動画気に入っていただけ た方えチャンネル登録高評価の方よろし... Read More

Key Insights

• Google検索の品質向上を目的としたコアアップデートにより、有益なコンテンツが優先表示される。
• レンダリングは初期HTMLとレンダリング後のHTMLで異なる結果をもたらすことがある。
• JavaScriptが検索エンジンに与える影響を理解することが重要である。
• サーバーサイドレンダリングは、重要情報を初期HTMLに含めるための有効な手法である。
• クロール済みページとライブテスト結果のHTMLは異なる場合があり、インデックスの進捗に依存する。
• インデックス登録されるためには、ページ全体の品質が重要である。
• GooglebotはJavaScriptの実行を考慮するが、ユーザーインタラクションは実行しない。
• APIエンドポイントが頻繁にクロールされる場合は、関連ページが原因である可能性がある。

Questions & Answers

Q: Google検索でレンダリング問題を確認・解決するにはどうすればよいですか？

まず、確認しているHTMLが初期HTMLかレンダリング後HTMLかを区別します。そのうえで両者を比較し、GooglebotによるJavaScriptなどの必要なリソースの取得がブロックされていないかを調べます。

Q: 初期HTMLとレンダリング後HTMLの違いは何ですか？

初期HTMLは、ページで最初に読み込まれるHTMLです。レンダリング後HTMLは、JavaScriptやCSSを読み込み、JavaScriptなどを実行した後の状態で、初期HTMLのテキストが書き換えられる場合もあります。

Q: 初期HTMLを確認する方法は何ですか？

主な方法は、ブラウザの「ページのソースを表示」、デベロッパーツール、Search ConsoleのURL検査ツールの3つです。デベロッパーツールでは、ネットワークタブのレスポンスか、ソースタブ内の対象ページのファイルから確認できます。

Q: レンダリング後HTMLを確認する方法は何ですか？

主な方法は、リッチリザルトテスト、Search Consoleのライブテスト、デベロッパーツール、Search ConsoleのURL検査ツールの4つです。ライブテストでは「テスト済みのページを表示」からHTMLとスクリーンショットを確認できます。

Q: デベロッパーツールの要素タブは何を表示しますか？

要素タブは、ブラウザがリアルタイムで解釈しているDOMをHTML形式で表示します。クリックやスクロール、時間差で動くJavaScriptなどの影響により、リッチリザルトテストやライブテストの結果と異なる場合があります。

Q: URL検査ツールのクロール済みHTMLとライブテスト結果はなぜ異なるのですか？

URL検査ツールのクロール済みHTMLは、直近でインデックス登録または更新された時点の内容です。一方、ライブテストはリアルタイムの結果を表示するため、両者のHTMLが異なる場合があります。

Q: クロール済みHTMLは初期HTMLですか、それともレンダリング後HTMLですか？

どちらが表示されるかは、インデックスに至るまでの処理の進捗に依存します。レンダリングを経ずにインデックスされた場合は初期HTML、レンダリングを経た場合はレンダリング後HTMLが表示されますが、ほとんどのケースでは後者と説明されています。

Q: ユーザーには見えるのにGooglebotには見えない問題はなぜ起こりますか？

レンダリングに必要なJavaScriptファイルを検索エンジンが取得できない、または取得をブロックしている場合に起こります。その場合、GooglebotはJavaScriptによる書き換え後のHTMLを読めず、書き換え前の初期HTMLだけを見ることがあります。

Summary & Key Takeaways

• Google検索オフィスアワーでは、レンダリングに関する問題の解決方法を詳しく解説しました。特にJavaScriptのSEO基本や、クロールとインデックスのプロセスについて触れ、効果的な対策を提案しています。重要な情報は初期HTMLに含めることが推奨され、サーバーサイドレンダリングの導入も考慮すべきです。

• レンダリング後のHTMLと初期HTMLの違いがSEOに与える影響についても議論されました。初期HTMLに重要な情報を含めることが検索エンジンの理解を助け、インデックス登録の可能性を高めます。さらに、JavaScriptが検索エンジンに与える影響を理解することが重要です。

• APIエンドポイントのクロール問題や、Googlebotが実行しないユーザーインタラクションについても触れられました。これらの問題を解決するためには、関連ページの設計やクロールの管理が必要です。全体として、ページ全体の品質向上がインデックス登録に寄与します。