最近，不少在爍空學有所成的老學員問我：“在ASP.Net網站開發中，如何讓Ajax頁面讓搜尋引擎收錄到？”
眾所周知，在AJAX中所有onClick動作直接觸發javascript事件，頁面上顯示的資料或許根本就不會在HTML中出現，所以搜尋引擎很難知道你這個頁面的具體內容，也就無法真正收錄。
現在，我給大家介紹一個簡單的辦法，讓你在使用AJAX的同時，也能兼顧到搜尋引擎的“感受”。
------------- 傳統的Ajax方案.htm -------------
<html>
<head>
<script>
function orz6()
{
document.getElementById("orz6.com").innerHTML="大家好，歡迎來到 http://www.orz6.net！(假設文章比較長，此處省略掉2000個字)";
}
</script>
</head>
<a href="#" _fcksavedurl=""#"" onClick="orz6()">繁體字,火星文</a>
<div id="orz6.com"></div>
</html>
程式碼分析：從上面的代碼中，可以看到href的指向是“#”，這樣在搜尋引擎中是無法抓取到文章的具體內容。
------------- 兼顧搜尋引擎的方案.htm -------------
<html>
<head>
<script>
function orz6()
{
document.getElementById("orz6.com").innerHTML="大家好，歡迎來到 http://www.socut.com！(假設文章比較長，此處省略掉2000個字)";
}
</script>
</head>
<a href="http://www.orz6.com/fantizi.aspx" onClick="orz6();return false;">繁體字,火星文</a>
<div id="orz6.com"></div>
</html>
程式碼分析：經過我改良後，href直接指向一個存在的頁面，主要來用顯示文章的具體內容。當然，這個頁面我們要專門做出來，主要是為了方便搜尋引擎的收錄。細心的話，你會發現onClick事件後面，多了一句 return false ，這樣是為了使用者在使用AJAX功能時防止頁面轉換。
研究總結一下，使用第二個方案既能完整的發揮Ajax的魅力，也可以完全兼顧到搜尋引擎的抓取，儘可能避免訪客的流失。
(轉載請註明：爍空 強少爺)
</
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
