web-dev-qa-db-ja.com

まだ検索ボットに対応した動的なサイトを作成するにはどうすればよいですか?

ページ間でスライド効果が必要な場合。リンクをクリックすると、リンクが横にロードされ、スライドインします(古いページを反対側から押し出します)。 jQueryを使用してPHPとエフェクトを実行することを想像できますが、ボットを含むJavascriptを使用していないユーザーのためにこのように正常に低下させる方法はありますか?

おそらくもっと問題があります:おそらく視差スクロール効果で、サイト全体にある種の壁画の背景を作りたいと思ったら、他のページにスライドするともっと大きな、おそらく巨大な画像が明らかになりますか?

繰り返しになりますが、私はこれをどのように空想的なjQueryとPHPで行うか想像できますが、それらに大きく依存しています。そのような状況でどうすれば優雅に低下できますか?

ポインタ、記事または本は大歓迎です。答えを探し続けていますが、多くの「理論」ベースの役に立たないブログを入手しています。

2
Kenmore

AJAXウェブサイトを検索ボットに使いやすくしたい場合は、訪問者がコンテンツをクリックしてコンテンツをリロードするたびに、URLの fragment identifier を変更する必要があります。そして、その識別子は感嘆符を開始して、Webサイトが特定の規則に従っていることをボットに伝えます。その規則は、JavaScriptによって表示される実際のコンテンツが以下を使用することを意味します。

http://www.example.com/page#!subpage

また、ボットのダウンロード時にサーバーによって提供されます:

http://www.example.com/page?_escaped_fragment_=subpage

CreateJS ウェブサイトの仕組みは次のとおりです。したがって、 EaselJSのgoogle の場合、次のリンクが表示されます。

http://www.createjs.com/#!/EaselJS

これは、たとえば次と同じHTMLページです。

http://www.createjs.com/#!/CreateJS

#!/EaselJSフラグメント識別子で識別されるコンテンツを動的に表示するための情報をクライアント側のJavaScriptに送信します。

詳細については、Google Developersで AJAXアプリケーションをクロール可能にする をご覧ください。

1
rsp

メインページの基本フォームを作成して、ボットが必要な情報を取得し、動的コンテンツを続行できるようにします。

編集:理論的には特定の答えを持たない一般的な質問をしましたが、実際にはプロジェクトの開始を支援するために、私はこのようなことをしています:

  1. クライアントがページを要求します。
  2. サーバーは、ボットに必要な情報とPerl、php、xsltなどのスケルトンを使用して基本ページを動的に作成し、ページをポストします
  3. クライアントはページを取得してscriptsをロードし、コンテンツの動的な作成を開始し、さらにサーバーへのリクエストを行って他の関連コンテンツを取得します... css、他のスクリプト、画像など...

編集:動的なトリックを開始するには、何かを使用してこれらのトリックを起動します(おそらくサーバーからの最初の応答で最初にロードされたスクリプト)彼らのために働いて(サーバー側で行わなければならない仕事)、彼らがjavascriptを持っている場合、あなたのコードが起動し、トリックをロードします。

1
memosdp