在AJAX頁面上啓用搜索引擎優化

Question

我正在嘗試在客戶端動態構建網站，通過JavaScript + JSON內容服務器，js檢索內容並構建頁面客戶端。

現在，內容將不會被Google這樣索引。有沒有解決方法？像有一個履帶版本和用戶版本？或者有某種靜態檔案？有沒有人已經這樣做了？

Answer 1

如果該網站的目的是通過谷歌索引，那麼你想要搜索和公開的「信息」應該沒有JavaScript的可用。您可以隨後在使用JavaScript加載頁面後添加動態內容。這不僅會使頁面可以索引，而且還會使頁面加載更快。

在另一方面，如果該網站是更多的應用程序「ALA的Gmail」的，那麼你可能不希望Google索引反正它。

Answer 2

您應該始終確保您的網站在沒有JavaScript的情況下運行。製作鏈接到內容的靜態版本的鏈接。然後將javascript click處理程序添加到阻止來自hapening的默認操作併發出AJAX請求的鏈接。即使用jQuery：
HTML：

<a href='static_content.html' id='static_content'>Go to page!</a> 

的Javascript：

$('#static_content').click(function(e) { 
    e.preventDefault(); //stop browser from following link 
    //make AJAX request 
}); 

這樣的網站是爬蟲和沒有JavaScript的用戶使用。併爲javascript用戶提供了花哨的AJAX。

Answer 3

您可以使用服務器渲染版本，然後用ajax版本替換它。 但是，如果你打算這麼做，爲什麼不用這種方式構建整個網站，只需使用ajax進行交互，客戶端就可以支持它，而非侵入式javascript。

Answer 4

您可以使用phantomjs在這裏建一個履帶式版本，請參閱我的解決方案：

https://github.com/liuwenchao/ajax-seo