這裡談的優化並非針對javascript程式優化,而是以SEO的角度來優化javascript。 或許很多人對搜尋引擎會不會抓取javascript的內容有疑問? 就Roy所知,目前spider在爬行html時,會忽略<script>標籤,所以搜尋引擎無法抓取javascript裡的內容。(Google Spider已進化,能爬取javascript)
Javascript的七項SEO技巧分享:
1.少以javascript產生html
因為spider會跳過<script type=”text/javascript”>裡的標籤,所以如果將資訊寫在javascript裡,內容是無法被搜尋引擎收錄的。
如: <script type=”text/javascript”> document.write(” 重要資訊 “);
2.勿以javascript設定超連結
3.避免大量使用javascript
有些網頁利用javascript做出許多華麗特效,如下拉選單、圖片切換等,外行人還以為是Flash呢!但是大量使用javascript的後果就是非常吃資源,使得網頁開的非常慢,使用者可是很反感的。如有做到以上談的幾點優化方式,spider還是得花力氣去略過這些javascript,且原始檔也增加不少,多少影響spider抓取的意願,最好的解決方式還是少用javascript,留給spider拜訪時一個乾淨的頁面。
由於Google爬蟲技術進化,以下四點建議不再適用。
基礎javascript介紹,請參考:
寫給程式麻瓜的Javascript基礎介紹,跟工程師溝通零障礙
4.javascript移至網頁底部
大多數的<script>
都放在<head>標籤之中,不管是外崁的還是寫在html的也好,都會增加spider爬行的 難度,在SEO裡有個很重要的原則,就是重要的資訊應該呈現在網頁越上方越好,可以的話盡量將javascript移至網頁最下方。
如: </body><script type=”text/javascript”>
5.外部崁入javascript
在撰寫一些比較複雜的網頁特效,如下拉式選單等,會產生大量的javascript碼,相同版型的每個頁面也會有許多相同的程式碼,使得html體 積變的很肥,對網頁載入速度有不小的影響。雖然spider會忽略Javascript,但也要略過好幾行程式,相對會增加spider抓取資料 的困難。 應將javascript存成.js檔,然後使用崁入的方式來使用。
如: <script type=”text/javascript” src=”a.js”>
如此一來,html就不會存在那麼多程式碼,且有用到此程式的頁面,都可以讀取此js檔,不用每頁都寫了。
6.圖片滑入效果不使用javascript
有用過Dreamweaver的都應該知道有一個滑鼠變換影像的功能,說穿了,是因DW幫我們產生好圖片轉換的javascript函數,再套用在 圖片上,如此一來,會增加許多的javascript程式碼和html標籤。如:
由DW滑鼠變換影像產生的原始碼 其實用CSS的hover屬性, 也可以產生同樣的效果,完全用不到javascript就可以做出來,而且html可 是非常精簡呢。如:
運用CSS的hover屬性也可以做出同樣的效果 有沒有發現!原始碼是不是精簡非 常多,易學易懂,又可以幫網頁減肥,一舉兩得!
7.非必要資訊以javascript呈現
利用spider不爬行script標籤的特性,可將跟網站主題非必要的資訊;
如:版權、公司資訊、大量對外連結…等,利用javascript呈現,盡量把會影響到關鍵字權重的因素降到最低。這跟第3點正好相反,重要資訊千萬別放在javascript裡。
看完javascript 優化七項技巧,有沒有對SEO更瞭解了呢?