2014-09-01 90 views
1

所以我正在製作一個典型的網頁 - 菜單容器和一個內容容器。由於各種內容都是相當複雜和各不相同的小節,我將它們作爲單獨的HTML文件創建。搜索引擎優化友好的動態內容?

現在切換內容,我想使用JS換出內容容器中的東西,而無需重新加載整個頁面。幾年前,我在頁面上做過類似的事情,然後我用js生成的內容替換了內容div的內部HTML(各種頁面在結構上相當類似)。這個問題很明顯,它對搜索引擎非常不友好,因爲他們看不到任何內容。

這次我正在考慮動態加載iframes(各種內容HTML子頁面)。儘管如此,我不確定SEO是如何友好的。有沒有什麼常見的方法,我想要做的事情,而不是對搜索引擎的內容可視性進行編譯?

+0

首先使用iframe是反SEO。讓這些事情變成動態是沒有意義的。 – Siyah 2014-09-01 20:43:27

+1

看看Google的'_escaped_fragment_':https://developers.google.com/webmasters/ajax-crawling/docs/specification?hl=de – Reeno 2014-09-01 20:44:31

+0

這個問題似乎是無關緊要的,因爲它是關於SEO的。 – 2014-09-01 21:16:59

回答

4

這種感覺就像不應該侷限於前端技術一樣。

我的建議是使用漸進增強方法。

構建一個常規網站,根據情況動態呈現其頁面,並使用常規超鏈接在頁面之間進行鏈接。然後使用JavaScript來覆蓋默認的鏈接行爲,並使Ajax請求檢索頁面。

您可以對ajax請求使用後端檢測來提供部分頁面,也可以使用jQuery或類似方法從請求的頁面中獲取特定內容並加載到頁面上的相應占位符。

谷歌已經建立這樣一個網站的一些建議以及他們如何解讀他們:https://support.google.com/webmasters/answer/81766?hl=en

有很多教程在谷歌逐漸增強的AJAX網站,這裏是用PHP編寫的一個例子:

http://www.impressivewebs.com/ajax-progressive-enhancement/

您可以使用漸進增強來檢索靜態頁面,並且它仍然可以在不使用後端語言的情況下工作。您將失去通過使用後端檢測服務部分頁面而不是完整頁面來節省帶寬的選擇,這些頁面需要從中提取數據。

相關問題