jquery - 动态填充的菜单对搜索引擎的可见性

Question

我想从 ajax 调用中填充一个 jQuery 菜单，该调用从数据库中检索菜单。由于<li>项目不会显示在查看源 html 中，而是在 jQuery 就绪函数中添加到 DOM 中，搜索引擎将什么视为 html？他们看到空的菜单结构（即浏览器源）还是看到填充的 li 项目？我的猜测（和希望）是后者。

Answer 1

搜索引擎在抓取页面时通常不会执行 JavaScript 代码。出于这个原因，我不相信您的菜单会出现在 DOM 中。

另一种选择可能是在页面加载时将菜单实际呈现为无序列表，但使用 a 设置列表的样式，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

[编辑]

实际上，如果您遵循以下标准，Google 确实会为他们的机器人抓取 AJAX 内容提供一种解决方法：https ://developers.google.com/webmasters/ajax-crawling/docs/getting-started

Bing 和 Yahoo 似乎也采用了这些标准：http ://searchengineland.com/bing-now-supports-googles-crawlable-ajax-standard-84149