使用javascript (或jQuery)對SEO影響的迷思
[圖片來源:blog.sharkspace.com]
最近遇到想做SEO的客戶，因為該客戶現有的網站選單，主要以Flash製作，觀看網站的原始碼就很容易了解spider應該很難分析全站的架構。不過因為該站經營三、四年了，除了要修改選單為適合SEO的方式，我想最好也要保持選單與視覺設計的一致性，除了不要破壞視覺識別，也希望讓操作性的影響降到最低。
很直覺的，我使用了jQuery這個javascript函式庫，設計了一組選單，在色系與動畫的呈現上幾乎與原先的Flash選單有90%的相似度，當然原始碼呈現出來的是完整的選單結構，也使用了標準的HTML。
客戶一開始被CSS的把戲搞混了，宣稱這些選單使用的是圖片，後來經過一番解釋才說服他 (我請他另存圖檔下來寄給我，但這當然辦不到，因為那是用CSS做的效果。)後來，客戶也許出於擔心又問了：這樣符合SEO的原則嗎？
的確，對SEO有概念的人都知道，spider不會剖析javascript的內容。遇到script標籤，spider會停工直到遇見script的結尾標籤，spider很忙很忙的，它根本不想看這麼一堆跟網站架構無關的code。因為這種特性，出現了「如何擺放script標籤」的說詞，有人宣稱放在head，先讓spider看到的話，它會比較不愛這個頁面，也會對script接下來真正的網頁資訊感到興趣缺缺，所以可以將script放在body。
將script放在body一樣是可以運作的，但這種說法是不可信的，因為spider會先取得整個page的資訊，才開始進行分析，之所以專家建議將script放在head，是一種類似coding standard的習慣，讓code整齊乾淨兼易讀。
所以，如果有一大串javascript需要匯入使用，像是使用jQuery這種函式庫，讓怎麼維持SEO呢？通常我們要用內容較多的js檔時，會將它設為外部檔案再行匯入，jQuery也不例外，使用語法如下：
<script type='text/javascript' src='some_ext_js.js'></script>
如果網頁的內容與架構不是儲存在外部的.js檔內，那您大可放心，spider會看的是接下來的網頁內容，它不會理會script標籤。但是呢，因為spider真的很忙很忙，如果要它對你的網站印象好一點，不妨撰寫robots.txt放在網站的根目錄，指出這個外部js檔不需spider分析了，幫助它減輕工作負擔，我想對SEO也是有莫大的幫助。
哈哈，學到啦！