AMP页面谷歌移动搜索点击后空白，缓存正常，如何修复？

我之前也碰到过类似的AMP页面加载异常问题，结合你描述的情况（直接访问、缓存都正常，但搜索结果点击后空白），咱们一步步来排查修复：

• 先验证AMP页面的规范合规性
  用Google AMP Test工具检测你的页面，这个工具会模拟谷歌搜索加载AMP页面的环境，能找出缓存可能兼容但严格校验下暴露的问题——比如自定义脚本违规、AMP组件使用错误、资源加载不符合规范等。哪怕页面看起来正常，也可能存在隐藏的验证错误导致AMP Viewer加载失败。

• 排查跳转逻辑是否违规
  AMP Viewer对页面跳转有严格限制，如果你页面里有<meta http-equiv="refresh">标签或者JS触发的跳转，可能在AMP容器里被拦截，导致页面空白。检查并移除不符合AMP规范的跳转代码；如果确实需要跳转，要使用AMP官方支持的方式，比如amp-linker组件来处理跨域跳转。

• 检查第三方资源的兼容性
  很多时候空白问题是第三方资源（广告、统计脚本、自定义样式）在AMP Viewer沙箱环境中加载失败导致的。你可以临时移除所有非必要的第三方脚本/资源，测试页面是否能正常加载；如果恢复正常，再逐个加回排查是哪个资源的问题。另外，确保所有资源都使用HTTPS协议，AMP禁止加载非HTTPS资源。

• 查看浏览器控制台的错误信息
  在移动浏览器中打开谷歌搜索结果，点击AMP页面后，开启开发者工具（Chrome可通过手机开发者选项开启远程调试，或直接在手机浏览器里打开控制台），查看JS报错、资源加载失败的日志——这些信息往往能直接定位问题，比如某个AMP组件初始化失败、脚本报错阻断了页面渲染。

• 同步AMP页面的缓存状态
  谷歌缓存的可能是旧版本的合规页面，而当前在线页面有更新但未被谷歌重新验证。你可以在谷歌搜索控制台提交该AMP页面，请求重新抓取和验证，确保谷歌索引的是最新的合规版本。

按照这些步骤排查下来，应该能快速定位并解决问题。我之前遇到的情况就是第三方统计脚本在AMP Viewer环境下抛出未捕获的错误，导致整个页面渲染被阻断，移除后就恢复正常了。

内容的提问来源于stack exchange，提问作者Pankaj