javascript程式優化
這裡談的優化并非針對javascript程式優化，而是以SEO的角度來優化javascript。 或許很多人對搜尋引擎會不會抓取javascript的內容有疑問？ 就Roy所知，目前spider在爬行html時，會忽略<script>標籤，所以搜尋引擎無法抓取javascript裡的內容。
Javascript的七項SEO 技巧：
1.外部崁入javascript
在撰寫一些比較復雜的網頁特效，如下拉式選單等，會產生大量的javascript碼，相同版型的每個頁面也會有許多相同的程式碼，使得html體 積變的很肥，對網頁載入速度有不小的影響。雖然spider會忽略<script>，但也要略過好幾行程式，相對會增加spider抓取資料 的困難。 應將javascript存成.js檔，然后使用崁入的方式來使用。
如： <script type="text/javascript" src="a.js"></script>
如此一來，html就不會存在那麼多程式碼，且有用到此程式的頁面，都可以讀取此js檔，不用每頁都寫了。
2.javascript移至網頁底部
大多數的<script>都放在<head>標籤之中，不管是外崁的還是寫在html的也好，都會增加spider爬行的 難度，在SEO裡有個很重要的原則，就是重要的資訊應該呈現在網頁越上方越好，可以的話盡量將javascript移至網頁最下方。
如： </body> <script type="text/javascript"></script> </html>
3.少以javascript產生html
因為spider會跳過<script>裡的標籤，所以如果將資訊寫在javascript裡，內容是無法被搜尋引擎收錄的。
如： <script type="text/javascript"> document.write("<p>重要資訊</p>"); </script>
4.勿以javascript設定超連結
如：<img src="a.jpg" alt="" onClick="location.href=’b.html’;" />
像這張圖片以onClick的寫法，當使用者點擊時，將網址導向b.html，但spider卻無法進入這個連結，因為嚴格來說這是javascript 程式。 得改以超連結的方式，spider才能順利爬行到連結頁面。
如： <a href="b.html"><img src="a.jpg" alt=""/></a>
5.圖片滑入效果不使用javascript
有用過Dreamweaver的都應該知道有一個滑鼠變換影像的功能，說穿了，是因DW幫我們產生好圖片轉換的javascript函數，再套用在 圖片上，如此一來，會增加許多的javascript程式碼和html標籤。如：
由DW滑鼠變換影像產生的原始碼 其實用CSS的hover屬性， 也可以產生同樣的效果，完全用不到javascript就可以做出來，而且html可 是非常精簡呢。如：
運用CSS的hover屬性也可以做出同樣的效果 有沒有發現！原始碼是不是精簡非 常多，易學易懂，又可以幫網頁減肥，一舉兩得！
6.非必要資訊以javascript呈現
利用spider不爬行script標籤的特性，可將跟網站主題非必要的資訊；
如：版權、公司資訊、大量對外連結…等，利用javascript呈現，盡量把會影響到關鍵字權重的因素降到最低。這跟第3點正好相反，重要資訊千萬別放在javascript裡。
7.避免大量使用javascript
有些網頁利用javascript做出許多華麗特效，如下拉選單、圖片切換等，外行人還以為是Flash呢！但是大量使用javascript的后果就是非常吃資源，使得網頁開的非常慢，使用者可是很反感的。如有做到以上談的幾點優化方式，spider還是得花力氣去略過這些javascript，且原始檔也增加不少，多少影響spider抓取的意愿，最好的解決方式還是少用javascript，留給spider拜訪時一個乾凈的頁面。
Javascript的七項SEO 技巧：
1.外部崁入javascript
在撰寫一些比較復雜的網頁特效，如下拉式選單等，會產生大量的javascript碼，相同版型的每個頁面也會有許多相同的程式碼，使得html體 積變的很肥，對網頁載入速度有不小的影響。雖然spider會忽略<script>，但也要略過好幾行程式，相對會增加spider抓取資料 的困難。 應將javascript存成.js檔，然后使用崁入的方式來使用。
如： <script type="text/javascript" src="a.js"></script>
如此一來，html就不會存在那麼多程式碼，且有用到此程式的頁面，都可以讀取此js檔，不用每頁都寫了。
2.javascript移至網頁底部
大多數的<script>都放在<head>標籤之中，不管是外崁的還是寫在html的也好，都會增加spider爬行的 難度，在SEO裡有個很重要的原則，就是重要的資訊應該呈現在網頁越上方越好，可以的話盡量將javascript移至網頁最下方。
如： </body> <script type="text/javascript"></script> </html>
3.少以javascript產生html
因為spider會跳過<script>裡的標籤，所以如果將資訊寫在javascript裡，內容是無法被搜尋引擎收錄的。
如： <script type="text/javascript"> document.write("<p>重要資訊</p>"); </script>
4.勿以javascript設定超連結
如：<img src="a.jpg" alt="" onClick="location.href=’b.html’;" />
像這張圖片以onClick的寫法，當使用者點擊時，將網址導向b.html，但spider卻無法進入這個連結，因為嚴格來說這是javascript 程式。 得改以超連結的方式，spider才能順利爬行到連結頁面。
如： <a href="b.html"><img src="a.jpg" alt=""/></a>
5.圖片滑入效果不使用javascript
有用過Dreamweaver的都應該知道有一個滑鼠變換影像的功能，說穿了，是因DW幫我們產生好圖片轉換的javascript函數，再套用在 圖片上，如此一來，會增加許多的javascript程式碼和html標籤。如：
由DW滑鼠變換影像產生的原始碼 其實用CSS的hover屬性， 也可以產生同樣的效果，完全用不到javascript就可以做出來，而且html可 是非常精簡呢。如：
運用CSS的hover屬性也可以做出同樣的效果 有沒有發現！原始碼是不是精簡非 常多，易學易懂，又可以幫網頁減肥，一舉兩得！
6.非必要資訊以javascript呈現
利用spider不爬行script標籤的特性，可將跟網站主題非必要的資訊；
如：版權、公司資訊、大量對外連結…等，利用javascript呈現，盡量把會影響到關鍵字權重的因素降到最低。這跟第3點正好相反，重要資訊千萬別放在javascript裡。
7.避免大量使用javascript
有些網頁利用javascript做出許多華麗特效，如下拉選單、圖片切換等，外行人還以為是Flash呢！但是大量使用javascript的后果就是非常吃資源，使得網頁開的非常慢，使用者可是很反感的。如有做到以上談的幾點優化方式，spider還是得花力氣去略過這些javascript，且原始檔也增加不少，多少影響spider抓取的意愿，最好的解決方式還是少用javascript，留給spider拜訪時一個乾凈的頁面。
本文由用戶 ck2265395 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！
ck2265395 
jopen