Bot友好ajax頁面

Question

我想編寫一個seo友好ajax投資組合現在。我的目標是爲用戶提供javascript效果，並向沒有js的機器人/用戶提供普通html。

文件：

• 的index.php（我的節目開始點）
• aboutme.php（包含HTML代碼爲 「關於我」）
• contact.php（包含「HTML代碼聯繫「）

的想法：在

用戶訪問index.php文件和點擊 」關於我「 - >加載動畫出現s - > aboutme.php用ajax加載 - > history.pushstate將url重寫爲aboutme.php。

- >當用戶股FB /嘰嘰喳喳/ g的網站網址和該機器人將得到正確的標題，正文等，這是正常的HTML頁面，沒有任何的JavaScript。

但我的問題是：如果其他用戶打開該網頁時，他們直接看到內容。但我想首先向他們展示一個加載動畫，直到數據用ajax加載（類似於他們點擊鏈接）。

我該如何實現這種方法？非常感謝你！

Answer 1

最好的方法來做到這一點，創建一個JavaScript文件。將鏈接標籤寫入「head」部分。這將使JavaScript文件在內容之前下載。 Javascript顯示動畫，但同時瀏覽器將在後臺下載內容。在「文檔準備好」事件中，停止動畫。

這將讓機器人能夠直接訪問內容。因爲JavaScript不適合他們。

Answer 2

我認爲，這是不是在所有問題，讓你的鏈接像往常一樣HREF，然後使用JavaScript或jQuery的改變點擊鏈接與Ajax加載鏈接的內容的默認行爲。

Answer 3

爲了使您的Ajax內容抓取看到https://developers.google.com/webmasters/ajax-crawling/，幷支持這一點。或者使用HTML5 pushState的，看到http://www.seomoz.org/blog/create-crawlable-link-friendly-ajax-websites-using-pushstate，https://github.com/blog/760-the-tree-slider等

Answer 4

我一直認爲這是比它的價值（一般）更多的努力，但要回答你的問題：

的index.php，aboutme.php， contect.php應該提供完整的html。 某些鏈接應該讓js事件處理程序攔截點擊，而不是加載aboutme.php，它們在後臺加載aboutme-content-only.php。然後更新DOM和推動國家等..

這樣的網站可以很容易地降低對於那些誰是第一次參觀的用戶，以及那些瀏覽器不支持推送狀態或JavaScript。