JavaScriptの多いアプリケーションでSEOを達成するための戦略の良い例は何ですか？

Question

イントロ

私はこれまでに尋ねられたことは知っていますが、私が見つけた質問は、私が探していた種類の答えを誘発するために特定のものか一般的なものでした。私が想像することができる最良の答えは、バックボーンと、サーバーサイドのロジックを最小限に抑えた例です（そこには言語/フレームワークはありません）。

問題

私はファセット検索を実装するJavaScript/AJAX-重い（バックボーン+ほとんどは、JSONのバックエンド）アプリケーションを予定しております。たとえば、色、ブランド、靴のタイプをフィルタリングし、価格やサイズなどで並べ替えることができるシンプルな靴ショップアプリケーションのファセット検索を考えてみましょう。

クライアントでバックボーンや同様のフレームワークを使用し、バックエンドとしてjsonサービスを使用しているとします。

親しみやすさと親しみやすいインターフェースを実現するには、何が良い（トレードオフと結果のトレードオフ）戦略ですか？

リソース

私の注意に来たソリューションは、ここで説明するように、サーバ側でクライアント・サイドのテンプレートを再利用することでHijaxです：私は最終的な結論なしで消化http://duganchen.ca/single-page-web-app-architecture-done-right

リソースを

• http://code.google.com/intl/de-DE/web/ajaxcrawling/
• https://stackoverflow.com/a/6194427/818846
• http://www.quora.com/Search-Engine-Optimization-SEO/If-I-have-data-that-loads-using-json-JavaScript-will-it-get-indexed-by-Google?q=seo+javascript

Answer 1

SEOフレンドリーで、一般的なポイント：それはJavaScriptをせずに動作するはずです。

アクセシビリティにも優れているため、このようにする必要があります。ユーザーがJavaScriptを有効にしていないと（検索エンジンのように）動作します。

もし彼がJavaScriptを有効にしていれば（まともな人間と同じように）、あなたが追加したすばらしいJavaScript機能がすべて動作します。

一般的な使いやすさの基準：もし動作すれば、JavaScriptなしでも動作するはずです。

Answer 2

最初のリンクの解が正しいと思われます。単一ページアプリケーションの主な問題は、テンプレートを両面、バックエンド、フロントエンドでレンダリングする必要があることです。 MustacheまたはGoogleクロージャテンプレートを使用すると、これに適したソリューションになります。

google +で使用されていたのと同じソリューションです。最初はサイドがサーバー上でレンダリングされ、静的なHTMLページが読み込まれます。その後、ページはクライアント側でレンダリングされますが、サーバ。

Answer 3

また、検索エンジンは、完全なフォームよりも頻繁にリンクをたどることに注意してください。

クローラにデータベースの内容を表示させるこの問題は、「ダークウェブ」、「インビジブルWeb」、「ディープWeb」、「隠しウェブ」と呼ばれています。Blog post

は、だからあなたの問題文を再：

あなたは価格とサイズまたは任意の他でソート色、ブランドや靴の種類とをフィルタリングすることができます簡単な靴屋アプリケーションのファセット検索。

私はあなたが選択したフィールドを持つフォームを経由して検索に加えて、リンクの階層を経由して検索を含めることをお勧めしたいです。

例：セカンダリメニューには、個々のリンクとしてすべての異なるブランドが含まれています。その後、各リンクは、そのブランドで販売されている製品のリストにつながるはずです。トリックは、個々の靴へのリンクが最初のページ（豊富な1ページのアプリ）に戻りますが、特定の靴を表示するように配置します。 - ページには、OPで参照するGoogle Ajaxクロールの推奨事項を実装する必要があります。