動態填充的菜單對搜索引擎的可見性

Question

我想從ajax調用中填充一個jQuery菜單，它從db中檢索菜單。由於<li>項目不會在視圖源html中顯示，但在jQuery就緒函數中添加到DOM中，因此搜索引擎將HTML視爲什麼？他們是否看到空的菜單結構（即瀏覽器源代碼）還是看到填充的li項目？我的猜測（和希望）是後者。

Answer 1

搜索引擎通常會在而不是抓取頁面時執行JavaScript代碼。出於這個原因，我不相信你的菜單會出現在DOM中。

另一種方法是在頁面加載時將菜單實際渲染爲無序列表，但使用display:none來設置列表的樣式，以便您的訪問者不會看到它，但搜索引擎會這樣做。

請嘗試使用這些工具之一來查看您的網站，這將有效地模擬搜索引擎抓取。

http://support.google.com/webmasters/bin/answer.py?hl=en&answer=158587

http://www.delorie.com/web/lynxview.html

http://www.webconfs.com/search-engine-spider-simulator.php

[編輯]

事實上，谷歌確實爲他們的機器人如果你遵循這些標準抓取AJAX內容提供了一個解決方法： https://developers.google.com/webmasters/ajax-crawling/docs/getting-started

它會出現必應和雅虎也採用這些標準：http://searchengineland.com/bing-now-supports-googles-crawlable-ajax-standard-84149