搜尋引擎優化"javascript"該如何運用

許很多人對搜尋引擎會不會抓取javascript的內容有疑問？其實spider在爬行html時，會忽略< script >標籤，所以搜尋引擎無法抓javascript裡的內容。針對網頁內容優化如果遇到必須使用javascript時可盡量做到以下幾點要點，對於搜尋引擎收入網站內容時應該會有一定的影響。

 

1.可使用外部崁入javascript避免程式碼過長

網頁設計師常遇到客戶要求某種特效效果，有些必須配合javascript來使用，相對地就會產生大量的javascript碼，相同版型的頁面也會有許多相同的程式碼，導致HTML程式碼太長，雖然搜尋引擎會忽落< script >的標籤碼，但對於收錄的速度與效能多少會產生影響，況且過長的HTML相對的也影響到了網頁的速度。應將javascript存成.js檔，然後使用崁入的方式來使用。

 

2.盡量避免使用javascript設定超連結

最常用到的javascript為onClick="location.href=’XXX.html’;"，雖然可正確的導向連結網址，但spider卻無法進入這個連結，因為嚴格來說這是javascript 程式，spider會直接略過這個連結網址。筆者因某些需要在網站中寫了一段紀錄瀏覽者造訪造訪頁面時的統計資料，在觀察中偶然發現某區段的IP使用者造訪網站時每次到達首頁時就會終止訪問瀏覽，而剛好筆者網站因視覺需要所有連結都是以javascript設定超連結，因而推斷此區段的IP為搜尋引擎的造訪IP，於是著手修改了首頁的連結改以:
< a href="b.html">XXX.html< /a>
情況才得以改善。

 

3.盡量將javascript放置在網頁重要資訊下方

由於spider會略過所有javascript的語法，如果請況許可盡量將< script >放置在網頁重要資訊(內容)下方，可減少搜尋引擎搜戶內容時的困難度。但關於這部分難度也許會較高，有些< script >的語法是必須放在< head >標籤之中，關於這點也只能有所取捨。

 

4.避免將重要資訊放置在javascript中

因為spider會跳過< script>裡的標籤，所以如果將網站重要資訊寫在javascript裡，內容是無法被搜尋引擎收錄的。

 

5.圖片效果避免使用javascript呈現

如滑鼠移入換圖等效果盡量避免使用javascript來製作，可改以css hover屬性， 來製作，也可以產生同樣的效果，而且html非常精簡。

 

6.教育客戶華麗的視覺效果避一定能有好的搜尋效果

有些網頁利用javascript做出許多華麗特效，滿足了劉嵐者的視覺感官，但是大量使用javascript的後果就是非常吃資源，使得網頁瀏覽速度拖慢，有時會造成使用者跳出的後果。

 

7.將javascript用在對的地方

利用spider不爬行script標籤的特性，可將網站較為不重要的資訊放置在script中；如：版權、公司資訊、大量對外連結…等，可利用javascript呈現，盡量把會影響到關鍵字權重的因素降到最低。