Google は本当に JavaScript のコンテンツにアクセスできますか?

Matt Cutts 氏は、Google は Vagrant を通じてウェブサイトをクロールできると述べており、これは Google が JavaScript と AJAX の一部のコンテンツにアクセスできることを十分に説明している。しかし、Google は本当に JavaScript のコンテンツにアクセスできるのでしょうか? 多くのウェブマスターはまだ疑問を抱いています。ここで強調しておきたいのは、Google は JavaScript の一部のコンテンツにのみアクセスしてインデックスを作成でき、Web サイトの重要なコンテンツは通常の HTML ファイルに配置する必要があるということです。どのような Javascript コンテンツがインデックス化され、アクセス可能でしょうか? さまざまな種類の Javascript と AJAX をテストし、Google が何をインデックス化しているかを確認する必要があります。

テストプロセス中に、問題が発生します。AJAX と Javascript では多くのことを行うことができますが、すべてのコンテンツをテストすることはできません。そのため、いくつかの基本的なスクリプトをテストすることで、Web サイトのコンテンツのインタラクティブな使用をテストすることしかできません。組み立てられたサンプル コードにはテスト コンテンツが含まれており、解析の仕事は検索エンジンがコンテンツをインデックスするまで待つことです。

シンプルなdocument.writeメソッドから始める

Javascript では、Web サイトのページ自体に外部コンテンツを書き込む基本的な方法がいくつかあります。その 1 つが document.write メソッドです。このメソッドは、テキスト文字列を Web ページのファイルに直接書き込みます。

< 本文 >

< スクリプトタイプ="text/javascript">

document.write("こんにちは、これを読んでいただけますか?");

< /スクリプト >

< スクリプトなし >

見えないんだと思います。

< /noscript >

</本文>

document.write メソッドを使用して書き込まれたコンテンツが、検索エンジンがページをクロールするときにインデックス化される場合、これが最も簡単な方法です。ただし、多くの場合、Web ページ内の Javascript は外部の Javascript ファイルを介して Web ページにインポートされるため、ファイルをもう一度テストする必要があります。

< 本文 >

< スクリプト タイプ="text/Javascript" src='/images/loading.gif' データ オリジナル="myjavascripe.js" >< /script >

< スクリプトなし >

見えますか？

< /noscript >

</本文>

検索エンジンがテスト ページをインデックスしたとき、コード内のリンクに従って外部ファイルのコンテンツをインデックスしてクロールしなかったため、検索エンジンが外部の Javascript ファイルの内容を読み取ることができないことが示唆されているようです。

別の方法: innerHTML

Javascript でコンテンツを記述する別の方法は、innerHTML を使用することです。このプロパティは、ページ上の既存の要素の内容を更新します。たとえば、サイトに段落がある場合、innerHTML を使用して段落を新しいコンテンツに変更できます。同時に実行できるテスト ファイルは 2 つあります。最初のファイルには、図に示すように、Google がクロールしたページの JavaScript コンテンツが含まれています。

2 番目のテスト ファイルは外部の Javascript ファイルに配置されましたが、外部の Javascript ファイルに記述されたコードは同じでした。テストの最終結果は、スクリプトが同じ Web ページにある場合、検索エンジンは問題なくコンテンツをインデックス化するというものでした。ただし、外部の Javascript ファイルの内容は、依然として検索エンジンによってインデックス化されませんでした。

ラベルの内容をテストする

基本をテストした後、より複雑なコンテンツに移りました。Javascript の一般的な用途は、タグ コンテンツを作成することです。タグを作成すると、ページのユーザー エクスペリエンスが向上し、ページの長さを短縮できます。ここでは、jQuery タグと Ajax タブがテスト ファイル コンテンツとして使用されています。

jQuery はページ上のすべてのコンテンツをスクリプト化します。コードは、クリックされたタブに基づいてサイトのコンテンツを表示または非表示にします。また、AJAX タグ スクリプトは、ブラウザーで表示すると 1 つのファイルのコンテンツが存在するように見えますが、コンテンツを別のファイルに分散します。

最終テスト結果では、jQuery のタグ メソッドが検索エンジンによってインデックス化され、ページ上のすべての関連コンテンツを取得できることが証明されており、これは最適化にとって非常に重要です。ただし、AJAX タグを含む外部ファイルは個別にインデックスされます。Google は AJAX タグを理解できないため、すべてのコンテンツを 1 つのページに関連付ける必要があります。

上記のテストは、検索エンジンが一部のコンテンツを JavaScript で実行できることを示していますが、まだいくつかの制限があります。ベスト プラクティスは、検索エンジンにクロールさせたいコンテンツを基本的な HTML インデックスなどの Web ページに配置するか、AJAX タグ コンテンツの代わりに jQuery タグを使用してファイルのコンテンツを複数のファイルに分散させることです。つまり、Google があなたのコンテンツにアクセスするのは簡単です。

オリジナル