AjaxはSEOの天敵?
たにぐちまこと(H2O Space.)
2008/02/06 08:00
H2O Spaceのたにぐち氏による好評連載「Ajax活用の5つのポイント」番外編が登場。
AjaxとSEOの関係を考える
Ajaxを駆使したWebサイトは、SEOやアクセシビリティの点で不利だと言われることがある。JavaScriptを無効にすると、一切のコンテンツが表示されなくなってしまうためだ。
しかし、ちょっとした気遣いで問題なく利用するコンテンツを作ることができる。ここでは、そんなテクニックを紹介しよう。
まずは、悪い例を3つ続けて紹介する。
悪例1:JavaScriptで後からコンテンツを表示する
たとえば、次のようなスクリプトを試してみよう。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>JSで後からコンテンツを表示するようなスクリプト</title>
<script type="text/javascript">
window.onload = function() {
document.getElementById('btnClick').onclick = function() {
document.getElementById('areaContents').innerHTML = '後から生成されるコンテンツです';
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input name="btnClick" type="button" id="btnClick" value="表示する" />
</form>
<div id="areaContents"></div>
</body>
</html>
ボタンをクリックすると、内容が表示される(図1)。しかし、音声ブラウザや検索サイトのクローラはJavaScriptで生成される文字列を見ることができない。そのため、「後から生成されるコンテンツです」という情報を得ることはできなくなってしまうのだ。
- 特集: Ajax活用の5つのポイント (5件)
- ホワイトペーパー
- 企画特集
そのストレージで仮想化に対応できますか?
中小企業のセキュリティリスクとは?
ESBでIT投資の無駄を劇的に解消する
セキュリティ&ユーザ事例【SIer Club】
御社のログ活用しませんか!?
【徹底対談】運用管理ツールの賢い使い方
ロリポップ!がリニューアル
今注目の「サジェスト検索」−デモ掲載中
仮想環境を実現するソリューション特集
インターネット上の悪意を未然に防ぐには?
ストレージメディア特設サイト開設
◆エン・ジャパン厳選求人☆毎週更新◆
SOA、BPM、SaaS −今、企業に必要なこと
パンデミック対策特集
集積度も性能も、業界最高水準のブレードPC
- エンタープライズにおけるSUSEの強み
- サーバー監視・運用のコストを削減するには
- サービス・ドリヴン・データセンター
- ■ストレージ容量50%削減保証■
- 話題のタグ
Chrome
RIA
Windows
iPod touch
SOA
セキュリティ
OS
開発環境
WebKit
Off Topic
リファレンス
UI
iPhone
Flash
Adobe
Linux
ブラウザ
オープンソース
Internet Explorer
モバイル
Tips
ツール
Safari
CSS
Google
Firefox
JavaScript
アプリケーション
Webデザイン
データベース
Java
Database
Apple
Windows Vista
ソフトウェア開発
iPhone 3G
PHP
仮想化
Webサービス
Windows 7
Microsoft
Mozilla
Opera
脆弱性
小技
HTML
Ajax
Firefox 3
プログラミング言語
Mac OS X
話題のタグを見る »

Windows 7はLinuxへの切替が簡単:注目の仮想ディスクフォーマット「VHD」
iPhone OS 3.0で変わった「絵文字」
OSSのクラウド基盤「Eucalyptus」を使う(4)--インストール〜ノード構築
俳優経験者が指南する「人前で上手く話すためのティップス10選」
「うるまでるびペイント」登場:絵は上手下手ではなく制作過程に楽しみが
待てば回路の日和あり--「iPhone 3GS」発売、しかし――