AJAX
よみ: エージェイエーエックス
Asynchronous JavaScript and XML。ページ全体を再読み込みせずに、JavaScript でサーバーと通信して部分的にコンテンツを更新する技術。Google マップが 2005 年に実装したことで広く普及し、現代の Web アプリケーションの基盤技術になった。
Web 担当者にとっては、サイトの体感速度改善・SPA(シングルページアプリケーション)・無限スクロール・リアルタイム更新で活用される概念。実装は業者領域だが、「ページ遷移なしの体験」を作る技術として理解しておく。
本書のスタンスは「AJAX は UX 改善の重要技術だが、SEO・アクセシビリティに注意」。検索エンジンが JavaScript 実行に依存するコンテンツを正しくインデックスできない場合がある。重要コンテンツは HTML 初期表示で持つのが安全。
担当者が陥りやすいのは、「カッコいい UI」のために AJAX を多用して、SEO 評価が下がること。SEO 対象コンテンツと UI 改善対象を分けて設計判断する。
言葉をよく利用する人
- コーダー / フロントエンドエンジニア
- Web 担当者(発注側)
- デザイナー
- バックエンドエンジニア
会話上での使用例
サイト UX 改善の議論
-
デザイナー
ページ遷移なしで検索結果を出したい
-
Web 担当者
AJAX で実装可能。ただし SEO 対象キーワード絡みなら、初期 HTML にも結果を含める設計で
SPA 導入の検討
-
プロデューサー
サイト全体を SPA に
-
Web 担当者
AJAX ベースの SPA は UX 強力ですが、SEO とアクセシビリティ対応が手間です。コーポレートサイトには不向き