炒冷飯：AJAX, JavaScript與SEO

稍早寫了一篇題名為「AJAX, JavaScript與SEO」 的文章，引起了一些迴響，其中也有吐槽筆者我的，不過我覺得這都是好事，「互相漏氣求進步」，我很歡迎大家的不同意。

最近又有一家大型網站的工程師寫信來詢問AJAX與SEO的問題，看來這個議題隨著AJAX愈來愈多人用，也漸漸受到重視了。所以我在這邊炒炒冷飯，談談我對這個議題的想法，這些想法不一定對，請專家先進不吝指教。

我觀察到：很多使用網站開發者，之所以會使用AJAX，是因為他們一開始並沒有意識到SEO的問題；或者可能他們已經意識到了，但是他們權衡過利弊得失，覺得這個代價是值得的；也有一些人，充其量只是為了體現技術，所以非用AJAX不可。

我想跟大家分享的一個觀念就是：AJAX跟Flash一樣，本來就是跟SEO八字不合的東西。所以在評估是否要使用AJAX開發網頁時，我比較建議的思維，不是著眼在「如何做」，而是「為什麼要這樣做」？也就是說，我會建議當事人，在一頭栽進去前先冷靜地、真誠地問問自己：「現在所開發的應用真的需要使用AJAX嗎」？

一般而言，網站會使用AJAX，主要是為了改進UI、提升用戶經驗，但使用AJAX不免會付出一些代價，包括：

 1. 內容很多卻通常只有一個網址

 2. 網站的瀏覽和內部連結構架構無法讓搜尋引擎正常抓取

 3. 一些內容必須使用JavaScript調用，而這些內容搜尋引擎是存取不到的

但不管怎樣，如果真的要使用AJAX開發網頁，同時又想兼顧SEO，那就得有些地方要注意，讀著不妨看看這篇文章：

SEO for AJAX 

其中第二點"Make sure you have a URL for each “page” you want to get crawled and indexed" 尤其重要。

前面說過，我在「AJAX, JavaScript與SEO」 這篇文章(就SEO的觀點)說沒事少用AJAX，真的要用AJAX時可以有哪些解決方案，我介紹Google的解決方案時引起了一些不同的意見，有人告訴我：

"...ajax能不能被抓到，主要原因還是在連結的href寫了啥東西，大多數網站可以在href中寫上漂亮的靜態連結，然後透過javascript去控制使用者點擊時不觸發href連結而改觸發他附掛的ajax程式，也就是網站設計者在href的靜態連結有做好時，是不用管ajax對seo有啥負面影響的。當網站連結只提供anchor型態的ajax連結(ex: abc.html#xyz )又不想花時間把它們弄成crawlable的(ex: abc/xyz.html )，才要考慮用google說的，在自己網站中放個 headless browser當中介，由它去抓動態頁面給crawler看。"

當然，我也有收到贊同使用Google的AJAX Crawlability解決方案的意見，給我不同觀點意見的人都是技術很厲害的專家，我想他們會贊同或不支持某一種方法，一定有他們的考量和理由，我能做的，就是忠實地記錄下這些方法的存在，讓有需要的人參考。