JS挿入してクライアントサイドでレンダリングしたcanonicalタグをGoogleは実際にはきちんと処理することが判明

JavaScript によってクライアントサイドでレンダリングした rel=canonical タグを Googlebot は無視することが Google I/O 2018 で明らかになった。しかしながら、JavaScript によって挿入された rel=canonical をきちんと処理するケースが実際にはあるようだ。検証の結果、判明した。

投稿 JS挿入してクライアントサイドでレンダリングしたcanonicalタグをGoogleは実際にはきちんと処理することが判明海外SEO情報ブログ に最初に表示されました。

JavaScriptで生成されたコンテンツもリンクも静的なものと同等にGoogleは評価する。ただし時間がかかることも

ウェブページのコンテンツやリンクが JavaScript によって生成されたものであっても、きちんとレンダリングされていれば静的なコンテンツやリンクとまったく同じように評価される。
ただし最終的な処理が完了するまでに、より長い時間がかかることがある。

- JavaScriptで生成されたコンテンツもリンクも静的なものと同等にGoogleは評価する。ただし時間がかかることも -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

【Google SEO】JSフレームワークを使ったサイトではプリレンダリングを推奨

「React や Angular などの JavaScript フレームワークを利用したサイトでは、プリレンダリングしたページを配信することを勧める」、Google の ジョン・ミューラー氏はこのようにコメントした。プリレンダリングを使えば、高速な表示を実現できるからだ。また SEO にも不利にならないというメリットもプリレンダリングにはある。

- 【Google SEO】JSフレームワークを使ったサイトではプリレンダリングを推奨 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

JavaScriptサイトにnoscriptタグは役に立たない、必要であればプリレンダリングしたコンテンツを配信

noscript タグで作成されたコンテンツを Google は無視する。noscript 内のコンテンツはインデックスされない、つまりランキングには影響を与えないし、スニペットに使われることもない。JavaScript を多用するページでは、プリレンダリングした HTML を準備しておくのもいい。

- JavaScriptサイトにnoscriptタグは役に立たない、必要であればプリレンダリングしたコンテンツを配信 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

JavaScriptで作られたコンテンツはHTMLよりもGoogleの評価が低いのか?

JavaScriptで生成されたコンテンツであっても、通常のHTMLで作られているコンテンツと同じようにGoogleは評価する。JavaScriptだから評価が下がるということはない。JavaScriptを利用したコンテンツで重要なことは、Googlebotが正しくレンダリングできているかどうか。

- JavaScriptで作られたコンテンツはHTMLよりもGoogleの評価が低いのか? -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

JavaScriptのクロール用に特別なユーザーエージェントをGoogleは持っていない、JSの処理はクロールとは別

[レベル: 中級]

Googleは、JavaScriptをクロールするために特別なUser Agent(ユーザーエージェント)を持ってはいません。
通常のGooglebotがJavaScriptもクロールします。

BB-8
[Image Credit https://goo.gl/vCy291]

JavaScriptのクロール用に特別なUAは存在しない

GoogleのJohn Mueller(ジョン・ミューラー)氏に、フォロワーがTwitterで次のように質問しました。

JavaScriptやAjaxを多用したサイトに対しては、普通のGooglebotとは異なるGooglebotがいるんですか?

ミューラー氏はこのように返信します。

特別なUAはない。だが、クロールの直後にいつもレンダリングするとは限らない。それでたぶん、そういうふうに考えたのではないだろうか?

JavaScript/Ajaxをたくさん使ったサイトを質問したユーザーは運用しているらしく、インデックスへの反映が遅いため、JavaScript専用のクローラがいるのではないかと疑ったようです。

しかし、JavaScriptであろうが通常のGooglebotがクロールします。

JSコンテンツのインデックスへの反映が遅い(遅く見える)理由

その後のやり取りを見ていると、JavaScript/Ajaxコンテンツのインデックスへの反映が遅いと質問者が感じた理由は、主に次の2つの要因によると思われます。

  • JavaScriptの実行は別プロセス
  • キャッシュはインデックスとは異なる

JavaScriptの実行は別プロセス

ミューラー氏が触れているように、JavaScriptはクロールと同時に実行されるわけではありません。
そのページのHTMLのクロールと、そのページにあるJavaScriptの実行は別々に処理されます。
JavaScriptも含めてレンダリングした、そのページの最終的なコンテンツのインデックスができあがるまでには時間がかかることもあります。

以前に詳しく解説しました。

キャッシュはインデックスとは異なる

質問者は、Googleのキャッシュを見てインデックス状態を判断していた可能性があります。
キャッシュを見た場合、そのページのJavaScriptを処理するのはGooglebotではなくあなたが今使っているブラウザです。
レンダリングが完了してGooglebotが実際に見ているページをキャッシュでは確認することはできません。

Googlebotがそのページをどのように見ているかを正確に知るには、Fetch as Googleのレンダリングを使います。

こちらも以前に詳しく解説しました。

ということで、この記事で伝えたかったことをまとめると、

  • JavaScriptのクロールのために特別なGooglebotは存在しない
  • JavaScriptのクロールとその処理は同時とは限らないため、インデックスへの反映にタイムラグが生じることがある

となります。

- JavaScriptのクロール用に特別なユーザーエージェントをGoogleは持っていない、JSの処理はクロールとは別 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

Google SEOに適したJavaScript/プログレッシブウェブアプリの推奨構成【2016年3月現在 最新版】

JavaScriptとProgressive Web Apps(プログレッシブ ウェブ アプリ)のGoogle検索における2016年3月現在の扱われ方と推奨を、Googleのジョン・ミューラー氏がGoogle+で共有した。GooglebotがJSやPWAをどのように扱っているのかの現状をきちんと把握するうえでありがたいまとめになるので日本語訳する。

- Google SEOに適したJavaScript/プログレッシブウェブアプリの推奨構成【2016年3月現在 最新版】 -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

Lazy LoadはSEOに不向き? Lazy Loadで表示する画像をGooglebotは認識できないことがある

azy Loadを利用して表示する画像に対するGoogleの処理能力についてジョン・ミューラー氏が、英語版のオフィスアワーで説明した。Lazy Loadの実装方法によっては、GooglebotはLazy Loadで表示される画像を認識、インデックスできない。Googlebotが処理できるLazy Loadを実装するか、素直に画像を直接埋め込むかの対処策が考えられる。

- Lazy LoadはSEOに不向き? Lazy Loadで表示する画像をGooglebotは認識できないことがある -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

escaped_fragmentに代わるAjaxサポートの新仕様は9月までには公開か?

Googleは、Ajaxのクロール/インデックスに対応する新しい仕様を9月までには公開できるようだ。Ajaxコンテンツをクロールするためのスナップショットの作成はもはや必要ないとしつつも、URLを「?_escaped_fragment_=」に置き換えたスナップショットを作成する仕様を推奨構成として現在も引き続き公開している。

- escaped_fragmentに代わるAjaxサポートの新仕様は9月までには公開か? -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki

Googleが送ってきたCSSとJSのブロック警告に正しく対応するために必要なこと

CSSとJavaScriptファイルにGooglebotがアクセスできないサイトに対して、先週Googleが一斉に警告メールを送信した。この出来事に関して新しい情報が入ってきたり誤解があったりするので、フォローアップする。

- Googleが送ってきたCSSとJSのブロック警告に正しく対応するために必要なこと -

Posted on: 海外SEO情報ブログ - SuzukiKenichi.COM by Kenichi Suzuki