javascript - jQuery AJAX + 帮助隐藏此内容

Question

首先:我希望下面的问题不要太笼统。

我有一个小问题，我想不出一个好的解决方案，我希望这里的人能够帮助我。

这是我的情况:

我正在使用 AJAX 动态加载页面。我的主站点是 index.php，一旦我点击导航链接，AJAX 脚本就会用新内容替换 index.php 的内容，并向网址。例如:

我单击指向 about.php 的链接，脚本将 #about.php 添加到 URL 并从 about.php 加载内容> 进入 index.php。效果很好 :) 但是，我想解决一个小问题:

假设我们首先直接导航到 index.php#about.php - 这意味着 index.php 的内容在 2.3 秒内可见替换为 about.php 中的内容。我想避免这种情况。

我提出了一些想法，但它们都不是很好:

1) 隐藏内容 -> 进行 AJAX 调用 -> 在完成的 AJAX 上再次显示内容

缺点:内容仍然可见一秒钟。

2)用CSS隐藏内容，AJAX调用后显示

缺点:这本来可以很好地工作，但是没有 Javascript(和 GoogleBot)的用户只会看到一个空白页面。

3) 使用一个空的index.php 并将其内容放入main.php 并自动加载main。 php 在页面加载时通过 AJAX。

缺点: 也可以，但同样，没有 JS 和 GoogleBot 的用户在访问 index.php 时只会看到一个空白页面


这就是我能想到的，所有三个解决方案都不好，因为我担心当我有一个空的 index.php 时，SEO 值(value)会急剧下降(我可以接受没有 JS 的用户什么也得不到看看)。

附注我在某处读到，当你在外部 css 文件中有 display:none 并用 robots.txt 阻止它时，GoogleBot 不会知道其中的区别，但我担心那可能不是案子？有人有经验吗？

编辑:我想我的整个问题都归结为:

您是否认为用 CSS 隐藏 index.php 的全部内容(而不是用 JS 显示)，对于 SEO 来说是一个巨大的禁忌，还是 GoogleBot 可以接受(毕竟内容仍在源中，但用户不可见)？

Answer 1

如果您使用查询字符串而不是散列，您可以让 index.php 在服务器级别加载正确的内容。

类似history.js 的插件可以帮助您将 URLS 推送到浏览器，这样您仍然可以进行 ajax 浏览。