如何让我的页面在 Google 即时预览中看起来不错？答案

【问题标题】：How do I make my page look good in Google Instant Previews?如何让我的页面在 Google 即时预览中看起来不错？
【发布时间】：2010-11-19 14:54:30
【问题描述】：

当您在Google Instant Previews 查看我的站点中的页面时，您会看到一条 AJAX 错误消息（由在文档就绪时触发的某些 AJAX 引起）：

我认为解决此问题的方法是使我的 javascript 与 Google 的“浏览器”使用的任何 javascript 引擎兼容（就像为 IE6 设计的那样）。

那么：Google Instant Previews 支持哪些 javascript？

【问题讨论】：

关于哪些脚本触发 onload 的任何信息？似乎很明显，他们使用了 Chromium 和 V8 的变体。
但我的网站在 Chrome 中运行良好..
试图找到一个示例，但今天早些时候，当 Google 结果在 Instant Preview 中显示为“您需要启用 Javascript 才能查看此站点”时，我笑了。
发生错误需要多少毫秒？
@JoshN：我不知道；有一些同步 AJAX 在准备设置页面的文档上运行（我想这是失败的原因）

标签： javascript cross-browser google-instant-previews

【解决方案1】：

预览是通过以下两种方式之一生成的：

通过正常的 Googlebot 抓取
即时使用用户代理Mozilla/5.0 (en-us) AppleWebKit/525.13 (KHTML, like Gecko; Google Web Preview) Version/3.1 Safari/525.13

如果内容最近被抓取过，它很可能会重复使用正常抓取的内容。如果没有，那么它将尝试动态生成它。在内部，它使用类似的基于 Safari/Webkit 的浏览器，因此您可能希望使用它来检查您的页面。我相信有一种方法可以修改 Safari 使用的用户代理，这将是进行更具体检查的一种方法。

如果由于某种原因无法获取 AJAX 内容（例如 robots.txt 不允许该内容或服务器主动阻止 Googlebot 访问该内容），则该网站应该正常失败（当用户遇到相同的情况时应该正常失败）问题）。不要显示错误弹出窗口 - 只需在内部记录并回退到一些默认内容。

在您对网站模板进行更改后再次检查它是否有效的一种方法是创建一个网站：-查询以查找相似的、晦涩的页面，并检查其预览图像；如果没有其他人检查过预览图像，它将即时渲染，因此您将立即看到结果。一旦您对它的呈现方式感到满意，就需要一些时间来赶上并重新呈现现有页面；它不会以与缓存页面或普通 sn-ps 相同的频率更新。

【讨论】：

【解决方案2】：

这里是用户预览工具的Google's description。这里有Developer FAQs。

【讨论】：

现在这将是我感兴趣的链接！
不错的链接，但这并没有描述截图是如何创建的
@Horace 我添加了另一个链接，实际上确实让人感到沮丧和肮脏。

【解决方案3】：

您的页面一开始就告诉访问者存在 JavaScript 错误，这似乎很奇怪。作为一个网络用户，我会因为 AJAX 失败而被弹出窗口惹恼。我的建议是删除该弹出窗口并在出现错误时让您的 AJAX 重试。

【讨论】：

也许 AJAX 应该重试，但最终我必须停止重试并让它失败，当我这样做时我必须通知用户，因为刷新页面可能会修复问题（Google Docs 采用相同的方法）。反正不管有没有报错信息，Google Preview 看到的页面和我的用户看到的页面是不一样的，我想知道如何尽量减少这种差异
提米+1，因为在我看来他是对的（ish），尽管你也有一个很好的观点，霍勒斯。即使您告诉用户 XHR 存在错误，也不应该以侵入性方式发生，例如覆盖内容。 GDocs 和您帖子中的图片之间的区别，Horace 是 GDocs 在页面空白区域的一个相当小的框中显示错误消息，因此它不会影响我如何阅读该特定页面上的内容。我不必单击 X 或拖动错误消息来重新阅读。这只是稍微更好的用户体验:)