2015-01-08 10 views
12

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

+2

インデックス情報とテストクロールのページを表示するには、Googleが提供するwebamstertoolsを使用しましたか?角度でHTML5モードを使用していますか?特定のルートを直接要求している場合、ウェブサーバーはindex.htmlを正しく返していますか? –

+0

私はGoogleのウェブマスターツールにページのレンダリングを依頼しましたが、それは役に立ちませんでした。角度のあるhtml5モードは何ですか?特定のルートを直接リクエストすることはどういう意味ですか? AngularJSは、index.htmlが尋ねられたときにも起動します。私はそこで何をするでしょうか? – paweloque

+0

たとえば、example.com/aboutを指す角経路を指定した場合、Webサーバはindex.htmlを返し、角度は/ aboutルートを表示します。 –

答えて

16

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

HTML5モード

You must use html5 mode.

Webサーバのセットアップ

正しく動作するHTML5モードでは存在しないディレクトリへの要求がindex.htmlのように書き換えますように、あなたのWebサーバを設定する必要があります。

サイトマップ

Googleが適切ので、あなたのすべてのルートのためのサイトマップを作成する必要があり、まだangularjsアプリでリンクをたどりません。これは苦労するように思えますが、適切なビルドプロセスでは、これは非常に自動化されたプロセスです。 (一気、イサキなど)

短所もちろんの

これは、Googleのクローラに適用されます。これは、次の1年か2年かけて変更した場合、私は驚かないだろうけれども、このようなビングなどの他の検索クローラは、JavaScriptのアプリケーションをサポートしていないかもしれません(それはまだしていない場合。)

その他の考慮事項

1つの一般的に角型アプリのインデックス作成に欠けていた問題は、ボタンをクリックした後に表示されるページネーションやコンテンツなどです。これらの操作でURLが変更されない場合、Googleはクロールしません。たとえば、ページングを使用するページがあり、ページが3ページあるとします。 /table/page/1/table/page/2/table/page/3

+0

このアプローチでは、ディープリンクはもう動作しません。ユーザーがURLとしてディープリンクを入力すると、サーバーに尋ねられます。しかし、AngularJsはこの要求に答える必要があります。この問題の解決法はありますか? – paweloque

+0

djangoでこの書き直しとサーバー設定を直接行う方法を説明した素晴らしいブログ記事です:https://blog.kevinzhang.me/posts/no-nonsense-angularjs-html5mode-url-routing-with-django.html – paweloque

+0

あなたの最初のコメントでは、ディープリンクはうまくいくはずです。あなたは精緻化できますか? –

0

のような別のページがない限り、Googleは最初のページをクロールします。最近、あなたはAngularJSで良いSEOを得ることができません。

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

サイトを診断するには、Googlebotで使用されているChrome 41を使用してJSページをインデックス登録することができます。 thisを参照してください。

+0

これは他の受け入れられた答えと矛盾していますので、 "良いSEOを得られませんAngularJS "? –

+0

矛盾はありません。 Googleがインデックスを作成できても、それがインデックスに登録されるわけではありません。ソースの1つが最初のリンクにあります。あなたはもっとGoogleをすることができます。読んでみると、このような[AngularJS SEOの場合](https://www.deepcrawl.com/blog/best-practice/angular-js-and-seo/)のようなものを探すことができます。 – TomCZ

関連する問題