AJAXサイトと動的HTMLキャンバスのSEO最適化

Question

AJAXを使用してLast.fmデータベースを照会し、結果のグラフをHTMLキャンバスに動的に描画するサイトがあります。検索機能では、window.location.hashを検索パラメータに設定するコマンドがあります。私はまた、ハッシュがURLに提供されているかどうかをチェックし、そうであればページを生成する関数を持っています。

たとえば、http://www.thenlistento.com/#!/led+zeppelinは、Led Zeppelinの検索ページに自動的に移動します。

私の質問は、どのようにSEOのためにこの設定を最適化するのですか？それは全くできますか？私はGoogle Webmaster Docsを見て、hashbangプロトコルを読みましたが、自分の状況にそれをどうやって適用するかは完全にはわかりません。

ご協力いただきありがとうございます。サイトへ

リンク：任意のスタイルシートなしでサイトを閲覧することによりhttp://www.thenlistento.com

Answer 1

スタート。

コードはきれいに見えます。

somepage.php/.htmlなどに行くのではなく、あなたのすべてのリンクが＃で表示されます。私はSEOに入ってからしばらく経ちましたが、私が正しく覚えていれば、＃リンクは新しいページ。

また、スタイリングなしですべてのエラーテキストがページに表示されますが、一部のスパイダーは、テキストを「隠している」と思うと、あなたのランクを下げます。

メタタグや説明があります（あなたのPRに影響を与えるかどうかは議論の余地がありますが）。

あなたはGoogleのウェブマスターに言及していますので、インデックス作成のためにサイトを送信したと推測します。

robot.txtファイルがあります。

これまでのところすべてのことを正しく行っています。私はそれがあなたのリンクの建物を始める時であると言うでしょう。関連性の高い上位サイトから自分のサイトへのリンク。

Answer 2

phantomjを使用してサーバー側でクローラバージョンを提供すると、phantomjsがページをレンダリングし、ページがレンダリングされるまで待ってから最終的なhtmlを取得してクローラに適しています。

私の解決策はこちらを参照してください：https://github.com/liuwenchao/ajax-seo、キャンバスが私のソリューションで完全に生成されるかどうかわからないので、まだ余分な作業が必要な場合があります。