web-dev-qa-db-ja.com

AngularJSアプリケーションのGoogleインデックス作成

彼らがjavascriptアプリケーションにインデックスを付けているというグーグルからのブログ投稿がありました。ただし、私のAngularJSアプリケーションwww.fore-cite.comはまったくインデックスに登録されていないようです。インデックス作成を有効にしてコンテンツを検索可能にするために私がしなければならない特別なことはありますか?

13
paweloque

Googleクローラーは、クロールするページでJavaScriptを実行します。 AngularJSでは、アプリケーションが適切にクロールされ、インデックスが作成されていることを確認するために実行する必要のあるいくつかの手順があります。

HTML5モード

html5モードを使用する必要があります。

Webサーバーのセットアップ

Html5モードが正しく機能するためには、存在しないディレクトリへのリクエストがindex.htmlに書き換えられるようにウェブサーバーを設定する必要があります。

サイトマップ

Googleはまだangularjsアプリのリンクを適切にたどっていないため、すべてのルートのサイトマップを作成する必要があります。これはやるのが面倒に思えますが、適切なビルドプロセスを使用すると、これは非常に自動化されたプロセスになる可能性があります。 (一口、うなり声など)

短所

もちろん、これはグーグルクローラーにのみ適用されます。 Bingなどの他の検索クローラーはまだjavascriptアプリケーションをサポートしていない可能性がありますが、これが今後1、2年で変更されても驚かないでしょう(まだサポートされていない場合)。

その他の考慮事項

インデックス作成でよく見落とされる問題の1つangularアプリは、ボタンをクリックした後に表示されるページ付けやコンテンツなどです。これらのアクションでURLが変更されない場合、GoogleはURLをクロールしません。たとえば、ページネーションを使用するテーブルのあるページがあり、3ページあります。各ページに/table/page/1/table/page/2/table/page/3などの異なるURLルートがない限り、Googleは最初のページのみをクロールします。

17
Kevin B

今日では、AngularJSで優れたSEOを取得することはできません。

まず、ページをクロールすることです。 this 単純なJSインデックス作成実験を参照してください。

サイトを診断するには、GooglebotがJSページのインデックスを作成するために使用するChrome 41)を使用できます。 this を参照してください。

0
TomCZ

Angular Universalを使用することをお勧めします。クライアントでangularアプリケーションをレンダリングする利点は失われますが、適切な検索エンジンのインデックス作成が可能になります(googleだけでなく) )。

トレードオフが要件に見合う価値があるかどうかを判断する必要があります

Angular Universal公式ウェブサイト

0
RollRoll