私はオンライン音楽雑誌を開発中です。html5 / flashミュージックプレーヤーがあり、これがWebサイトの主要部分を形成しています。しかし、このサイトにはたくさんの記事やものもあります。つまり、基本的には、ページの読み込み全体でシームレスな音楽再生が必要ですが、すべてのコンテンツをGoogleでスパイダーフレンドリーでインデックスに登録できるようにするため、完全なJavaScriptアプリケーションは避けたいと考えています。
クリック時にメインページ内のさまざまなコンテンツをロードするために、ハッシュバン(#!)フォールバックを使用してhtml5履歴APIを使用します。また、ロードされたURLは、コンテンツを含むページも指します。
例:私のインデックスページのmunimkazia.com/page1.htmlリンクmunimkazia.comは、page1.htmlからコンテンツをロードして挿入します。URLは、FirefoxとIEではmunimkazia.com/#!/page1.htmlに、chromeではmunimkazia.com/page1.htmlに変更されます。hrefリンクはmunimkazia.com/page1.htmlであるため、スパイダーは次のようになります。リンクしてコンテンツをフェッチします。page1.htmlでページを適切に設定し、表示できるようにしました。しかし今、私は問題を抱えています。
このページでajaxロードを使用することにした場合、ブラウザーのロケーションバーに表示されるURLは、ハッシュバンフォールバック(http://munimkazia.com/page1.html/#!/page2.html)と一致しません。すべてのクリックをhttp://munimkazia.comのメインコンテナページにリダイレクトしてpage2.htmlをロードすると、この後はすべて正常に機能しますが、このページのロードにより、その前の音楽の再生が中断されます。
また、すべてのコンテンツを存在させてフェッチしないようにしたいので、すべてのhttp://munimkazia.com/page1.htmlをhttp://munimkazia.com/#!/page1.htmlに書き換えたくありません。検索エンジンのスパイダーが読み取るためにjavascriptによって書かれました。Googleには#からコンテンツを読み取るための仕様があることを認識しています。URLですが、JSが無効になっている場合でも、ユーザーの記事コンテンツをページにロードしたい
アイデア/アドバイス/回避策はありますか?
編集:これらのURLは、私の主張を説明するための単なる例です。munimkazia.comにページをフェッチするためのJavaScriptコードはありません