Google、JavaScript SEOドキュメント更新——HTTPステータスコードと正規化処理について

ポイント整理 — GoogleがJavaScript SEOのドキュメントを更新し

取り上げられているのは、GoogleがJavaScript SEOのドキュメントを更新し、HTTPステータスコードやrel=canonicalタグの重要性を明確化しました。押さえておきたいのは、200以外のHTTPステータスコードがJavaScriptの実行に与える影響を理解する。という視点と、正規URLを設定する際の最適な方法を学ぶ。という視点です。あわせてJavaScriptを使用したSEO施策の注意点を把握する。にも触れられています。

WEBディレクターとして実務に落とし込む際は、HTTPステータスコードが200であることを確認するツールを使用する。ことが第一歩になります。また、JavaScriptで正規URLを設定する際は元のHTMLと一致させる。ことも欠かせません。加えて、エラーページやリダイレクトの設定を見直す。ことも押さえておくと安心です。クロールバジェット・インデックス管理・SEO施策といった周辺の概念とあわせて理解しておくと、施策全体の位置づけがより明確になります。

実務での活かし方

• HTTPステータスコードが200であることを確認するツールを使用する。
• JavaScriptで正規URLを設定する際は元のHTMLと一致させる。
• エラーページやリダイレクトの設定を見直す。
• 200以外のHTTPステータスコードがJavaScriptの実行に与える影響を理解する。

JavaScript SEOで見落としやすい2つの落とし穴

JavaScriptで動的にコンテンツを生成するサイトでは、通常のHTMLサイトでは起きない特有の落とし穴があります。今回のGoogleドキュメント更新は、その中でも特に見落とされがちな「HTTPステータスコード」と「正規化（canonical）」の2点を明確化するものです。

比較: レンダリング前後でのHTTPステータスコードの扱い

canonicalタグの整合性チェックリスト

• 初期HTML（サーバーから返るソースコード）に記述されたcanonical URLと、JavaScript実行後にDOM上で変化するcanonical URLが一致しているか
• SPA（シングルページアプリケーション）でルーティングが変わる際、canonicalタグも正しく更新されているか
• Google Search Consoleの「URL検査」ツールで、レンダリング後のHTML内のcanonicalタグを実際に確認しているか

実務での確認方法

Search Consoleの「URL検査」ツールで対象ページを検査し、「テスト済みページを表示」からレンダリング後のHTMLを確認することで、JavaScript実行前後のズレを直接チェックできます。当サイトの無料ツール一覧にも構造化データ検証等の関連診断ツールを用意しています。