AjaxはSEOの天敵？

たにぐちまこと（H2O Space.）
2008-02-06 08:00:00
H2O Spaceのたにぐち氏による好評連載「Ajax活用の5つのポイント」番外編が登場。
最新特集【一覧】

防水スピーカーをワイヤレス化、お風呂でのんびり音楽を楽しむ

自作バーコードで音楽CDを管理する

Perfumeが公開したダンスのモーションデータをChromeで扱う

AjaxとSEOの関係を考える

　Ajaxを駆使したWebサイトは、SEOやアクセシビリティの点で不利だと言われることがある。JavaScriptを無効にすると、一切のコンテンツが表示されなくなってしまうためだ。

　しかし、ちょっとした気遣いで問題なく利用するコンテンツを作ることができる。ここでは、そんなテクニックを紹介しよう。

　まずは、悪い例を3つ続けて紹介する。

悪例1：JavaScriptで後からコンテンツを表示する

　たとえば、次のようなスクリプトを試してみよう。





JSで後からコンテンツを表示するようなスクリプト

　ボタンをクリックすると、内容が表示される（図1）。しかし、音声ブラウザや検索サイトのクローラはJavaScriptで生成される文字列を見ることができない。そのため、「後から生成されるコンテンツです」という情報を得ることはできなくなってしまうのだ。

図1 アクセシビリティの点でよくない例といえる 図1 アクセシビリティの点でよくない例といえる
  • 新着記事
  • 特集
  • ブログ