Crawlable AJAX

ヒトクセ取締役CTO長尾　俊

13年4月9日火曜日

Background

• AJAX：ページ内で動的に情報を取得して書き換える技術

• 対策をしないとAJAXで取得したコンテンツはクロールされない

13年4月9日火曜日

Reference

h(ps://developers.google.com/webmasters/ajax-­‐crawling/docs/ge@ng-­‐started?hl=ja

Google  Developers:  AJAX  crawling

13年4月9日火曜日

Method

www.example.com/ajax.html#!key=value

・AJAXを読み込んだ後のアドレスを

のように「#!」をつける

・すべて静的ページにする

・（フラグメント(#)を使わない場合）　　<meta  name="fragment"  content="!">

13年4月9日火曜日

#!をつける方法

参考サイト

h(p://benalman.com/code/projects/jquery-­‐bbq-­‐dev/examples/fragment-­‐ajax-­‐crawlable

重要っぽいとこ

$.param.fragment.ajaxCrawlable(  true  );var  url  =  $.param.fragment();url  &&  $(  'a[href="#!'  +  url  +  '"]'  ).addClass(  'bbq-­‐current'  );

13年4月9日火曜日