AJAX, JavaScript與SEO

前一陣子有個朋友接了一家跨國企業的網站改版，既然都已經要改版了，就乾脆也順便幫這家企業導入SEO，不過可能是客戶本身的需求或 是有其他介面設計的考量，這家企業的網站改版案要用到AJAX技術。

這位朋友問我：網頁頁面如果採用AJAX，或者JavaScript，所產生出來的連結，搜尋引擎的Spider能夠順利抓取嗎？

大哉問！這問題讓我感動了兩三天，在這人人自稱SEO專家(還有人自稱「領袖」的，領袖不是要讓人「永懷」的嗎？)，SEO專家比野狗還多，業界充滿邪知偏見的年代，竟然還有人問出這麼有建設性的問題，實在是令人太感動了(周星馳的表情)！

言歸正傳，跟Flash一樣，就SEO的觀點，AJAX 和JavaScript 最好不要用或少用，畢竟搜尋引擎還是處理HTML比較不會出差錯。

Google 這幾年處理Flash和JavaScript是有了一些進步，但並未稱得上完善，沒有人能保證您網頁的Flash或JavaScript裡面的文字和連結 能被Google正常抓取，所以最好別把希望寄託在別人身上，特別是技術領先的Google都已經是這樣了，您還能期待其他的搜尋引擎嗎？

但是在這後Web 2.0混搭(Mashup)當道的時代，我在這邊鼓吹說不要用AJAX，大概會被網友人肉搜索出來公幹到死(就跟那個「中指蕭」的下場一樣)，所以，萬一真的非用不可的話，小弟在這邊有幾個謙卑的建議：

1. 讓網站的瀏覽連結保留HTML格式，在這個前題下再把AJAX的效果加上去。

諸位請看這個網站的原始碼：

http://wikimapia.org    

這個站表面上是個道地的AJAX網站，但它的原始碼提供這樣的連結：

wikimapia.org/country/USA/Texas/Dallas/

而這些連結可以進一步連到使用者產生的內容：

wikimapia.org/87338/


如果您用Google Toolbar去看，會發現這個站的PR值高達7，然後上Google搜尋引擎打"site:wikimapia.org"指令查詢，會發現這個站被 Google收錄的內容將近兩千筆！真，是，令，人，肅，然，起，敬啊！所有的Web 2.0混搭站，還有一些用到AJAX的網站開發者，都應該跟這個站學學SEO才是。


2. 依照Google建議的規格使用AJAX

請參考Google的線上資料"Making AJAX Applications Crawlable"。

另外也可參考這份"Making AJAX Crawable"的簡報(重點在第7頁)，雖然這裡的方案當初提出時引起了一些質疑和討論，不過這畢竟是Google提出的解決方 案，而搜尋引擎開最大的就是他們家，所以參考一下吧！

還是不免要提醒一句，請記得前面提到的：別把希望寄託在別人(Google)身上。

3. 使用noscript標籤放上內容

這是SEO入門的基礎知識，雖然簡單但是實用，AJAX和JavaScript都適用，長這樣：