-
[SEO技術] javascript SEO 5大技巧
No Commentsjavascript能SEO嗎？
答案是肯定的！
這裡談的優化並非針對javascript程式優化，而是以SEO的角度來優化javascript。
或許很多人對搜尋引擎會不會抓取javascript的內容有疑問？
就Hank所知，目前spider在爬行html時，會忽略<script>標籤，所以搜尋引擎無法抓取javascript裡的內容。
好了~進入正題！
趕快來看看javascript有哪五大SEO技巧：
外部崁入javascript
在撰寫一些比較複雜的網頁特效，如下拉式選單等，會產生大量的javascript碼，相同版型的每個頁面也會有許多相同的程式碼，使得html體積變的很肥，對網頁載入速度有不小的影響。雖然spider會忽略<script>，但也要略過好幾行程式，相對會增加spider抓取資料的困難。
應將javascript存成.js檔，然後使用崁入的方式來使用。如：
<script type="text/javascript" src="a.js"></script>
如此一來，html就不會存在那麼多程式碼，且有用到此程式的頁面，都可以讀取此js檔，不用每頁都寫了。javascript移至網頁底部
大多數的<script>都放在<head>標籤之中，不管是外崁的還是寫在html的也好，都會增加spider爬行的難度，在SEO裡有個很重要的原則，就是重要的資訊應該呈現在網頁越上方越好，可以的話盡量將javascript移至網頁最下方。
如：
</body>
<script type="text/javascript"></script>
</html>少以javascript產生html
因為spider會跳過<script>裡的標籤，所以如果將資訊寫在javascript裡，內容是無法被搜尋引擎收錄的。
如：
<script type="text/javascript">
document.write("<p>重要資訊</p>");
</script>勿以javascripti設定超連結
如：
<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>圖片滑入效果不使用javascript
有用過Dreamweaver的都應該知道有一個滑鼠變換影像的功能，說穿了，是因DW幫我們產生好圖片轉換的javascript函數，再套用在圖片上，如此一來，會增加許多的javascript程式碼和html標籤。如：
其實用CSS的hover屬性，也可以產生同樣的效果，完全用不到javascript就可以做出來，而且html可是非常精簡呢。如：
由DW滑鼠變換影像產生的原始碼
有沒有發現！原始碼是不是精簡非常多，易學易懂，又可以幫網頁減肥，一舉兩得！
運用CSS的hover屬性也可以做出同樣的效果
看完javascript優化五大技巧，有沒有讓自已對SEO技術更上一層樓呢:-)
相關文章:
我要回應
最新訊息
- 新增Google+1 button 2011.6.2
- 更新SEO工具(追加在地商家資訊登錄) 2011.5.23
- 新增PageRank線上查詢功能及PR貼紙
2011.5.1 - 本站行動界面已啟用 手機瀏覽更方便 2011.4.8
統計
最新回應