2011-11-19 67 views
0

我開始建立一個個人網站,我想它的佈局看起來像AJAX的URL與URL重寫

------------------------------- 
- Page Header & Menus Go Here - 
------------------------------- 
-  Main Contents  - 
------------------------------- 
-   Footers   - 
------------------------------- 

主要的問題是,我想這是一個單頁界面,其中的主要內容加載和AJAX和jQuery的組合顯示產生一個很好的效果。但是,當然,我想讓搜索引擎啓用內容並將其編入索引。我已經脫脂throught這也解釋了實現這一目標的一些不錯的方式Single Page Interface Manifesto,但我不會真的很想有我的網址一樣

http://www.mysite.com/index.php#!section=section1

http://www.mysite.com/index.php#!section=section2

我想,當然想重新-write他們作爲

http://www.mysite.com/section1

http://www.mysite.com/section2

我的問題是,這種方法是否正確/可行,如果AJAX URL與URL重寫兼容。無論如何,哪些URL會被Google索引?

回答

6

如果你希望你的頁面不需要重新加載和更新頁面的URL,唯一的方法就是改變URL中的散列(location.hash ='whatever')。

由於散列未發送到服務器,因此無法使用URL重寫,它僅在瀏覽器範圍內可用。

檢查Facebook或Twitter網址。它們比#!section = section1漂亮,但仍需要散列。

乾杯。

0

如果要加載不同的內容/標籤/頁面的一些內容無需重新加載瀏覽器, 現在可以用pjax ..

,你可以使用類似http://padrino-pjax.heroku.com/ 你可以試試它,去到鏈接和點擊任何鏈接家庭,恐龍,外星人 ,你會看到它會改變URL和一些內容,而無需重新加載整個頁面

,可以實現利用AJAX +推/ URL的彈出瀏覽器

0

我我正在尋找解決方案對於類似的問題(我有一個AJAXed wordpress主題的客戶端網站,這些可怕的#!網址上的東西阻止了我迄今嘗試過的所有社交分享插件,無法正常工作)。

顯然,有一個解決方案(有一些缺點..)。我發現它在這裏:http://moz.com/blog/create-crawlable-link-friendly-ajax-websites-using-pushstate

我知道這就像你問了兩年,但它可能會對別人有幫助,或者你可能想要檢查它只是爲了好奇本身! :-)