JavaScript SEOの動画紹介

JavaScriptにはまた、SEOに対していくつか新しく加味しなければならない部分や課題があります。その考察事項には戦略的なところもあれば、専門的ところもあります。そこで、今回の連載動画では、以下の内容を説明していきます：

• 従来のサイト(HTML等)とJavaScriptのサイト(ページ)の違い
• どうやってJavaScriptのコンテンツをGoogleがクロールし、レンダリングし、インデックスしているか
• JavaScript三大フレームワーク(React、Angular、Vue)におけるSEOの原則
• JavaScriptのサイトを検証、バグ修正するツール
• ダイナミックレンダリングとは何か、Rendertronを使ってどのように設定するのか

引用）Google Webmaster Central Blogより意訳

GoogleのMartin Splitt氏によるJavaScriptサイトページのインデックス方法の説明

新連載にあたって、GoogleのMartin Splitt氏は検索エンジンがどのようにJavaScriptのサイトページをインデックスしているか説明しています。
Martin Splitt氏の新連載動画は、JavaScriptにおけるSEOに特化しており、公式Google Webmastersチャンネルで閲覧できます。最初の動画では、JavaScriptとSEOの最も基本的なところとなる、JavaScriptがどのようにしてインデックスされているかについて説明しています。Splitt氏は今後少しずつ複雑な内容へ掘り下げていくと言っていますが、まずは基礎を学び直すことから確認していきましょう。

以下の内容が動画のハイライトです。

どのようにGoogleがJavaScriptのサイトをインデックスしているか

GoogleがJavaScriptをクロールする際、通常のHTMLコンテンツにはない、“もうひと手間”が必要となります。その“もうひと手間”とはレンダリングステージと呼ばれ、すぐにクロールが行われる訳ではありません。インデックスの段階とレンダリングの段階は別に行われており、そうすることでGoogleは、JavaScript以外のコンテンツを極力早くインデックスできるようにしています。Googlebotは最初にインデックスした後、少し間を置いてJavaScriptのコンテンツの読み込みを始めます。つまりサイトオーナーにとって、“JavaScriptのコンテンツはインデックスされるまでに長い時間がかかる”ということを意味するわけです。

Splitt氏は、「GooglebotがJavaScriptをインデックスするにはコストがかかるんだ」と何度か言っています。それはJavaScriptを読み込み、その構造を解析し、ようやくインデックスする、という過程が生じるからです。JavaScriptコンテンツをGoogleフレンドリーにしていくためにはどうすれば良いか知りたいという方は、今後の動画にご期待ください。

今後のJavaScript SEOの内容

Splitt氏は、今後の連載内容は以下の内容になると言っています：

• JavaScriptのコンテンツをより早くインデックスさせるには
• 他のクローラーやSNSのエージェントをスムーズにどうやって対処、処理するのか
• JavaScriptのサイトページをGoogle検索で上手く機能させるにはどうしたら良いか
• JavaScript SEOの一般的な質問に回答
• JavaScriptコンテンツのSEO施策を円滑にするツール

引用）Search Engine Journalより意訳

GoogleによるJavaScript SEOに重要なタイミングについて

GoogleのMartin Splitt氏は彼のJavaScript SEOの連載動画の中で、どのタイミングでJavaScriptを気にするべきか説明しています。同時に彼はまた、必ずしもJavaScriptの使用に気を付けた方がいいと言っているわけではありません。SEO上、JavaScriptをするなとは言っていません。Splitt氏が説明しているのは、あくまでもJavaScriptを使ってSEOを考えるのであれば、ということです。

JavaScriptのサイトページってどういうこと？

JavaScriptを使うサイトページは必ずしも、それがJavaScriptサイトページとして見なされる必要があるとは限りません。JavaScript部分を読み込まれなくても全ての主要コンテンツが確認できるのであれば、何も心配することはありません。一方で、もしJavaScriptによる生成コンテンツが大事な要素となっているのであれば、それは“JavaScriptサイトページである”と見なしてもらう必要があります。他にも、全てのコンテンツを単一のWebページで構成するシングルページアプリも、JavaScriptサイトページとして見なされる必要があるでしょう。例えば、Instagramをモバイルブラウザで使ったことがあれば、シングルページアプリというものがどういうものか理解できるのではないでしょうか。Instagramがモバイルブラウザで読み込まれる際、ヘッダーとフッターはそのままに、その間のコンテンツを読み込んで表示するのにJavaScriptが使用されています。
AngularやReactのようなJavaScriptのフレームワークはまたシングルページアプリのカテゴリに含まれるでしょう。

どのタイミングでJavaScriptがSEOに気を付けるべき？

JavaScriptでSEOに気をつけなければならないのは、大量のコンテンツ読み込み時や微妙なコンテンツ修正時です。理想としては、JavaScriptコンテンツも含め、一度にページ内の全コンテンツをGooglebotが理解できるようにすることです。なので、HTMLソースだけを見て全ての主要コンテンツが読み込めるのであれば、JavaScriptがあろうがなかろうがあまり関係ありません。しかし、HTMLソースだけではいくつかのコンテンツしか見られない場合、最初のインデックスの段階では、そのタイミングで確認できるところ(つまりHTMLソースベース)しか読み込むことが出来ません。JavaScriptを使っていて、別途レンダリングが必要なコンテンツについては、次の段階でインデックスされるようになります。

Splitt氏はJavaScriptのコンテンツのインデックスの段階については前回の動画で説明しています。今後、Splitt氏はJavaScriptの2段階インデックスにおけるレンダリング改善方法について詳細説明していく予定です。

引用）Search Engine Journalより意訳