[JS]jQueryを使ってSEOにフレンドリーにするポイント

Post on:2010年4月26日

sponsors

Adobeのサイト「Adobe Photoshop CS5 Extended」に使用されているようなスライドアウトするパネルを実装するチュートリアルをTutorialzineから紹介します。

このチュートリアルを作成するにあたり、アイデアの元となったのは下記のAdobeのサイトとのことです。

「＋」マークのラベルをクリックすると、それに対応したパネルがぐぃーんとアニメーションでスライドアウトします。

各パネルのエレメントはp要素で実装されており、検索エンジンのロボットにもしっかりと見えるように配慮されています。
これらはページロード時にjQueryによりマークアップが変更され、パネルのエレメントとして表示されるよう設計されています。