Question

我打算让我的新闻页面符合AMP标准，这是我成功完成的。但是，我必须删除一些自定义标记，例如，和属性，这很好。

现在问题是整个新闻页面正在另一个不符合AMP的HTML页面中显示。

e.g。

<html ...>
    <head>...</head>
    <script>...</script>
    <body>...
        <div id="story">
            <AMP PAGE Content>
        </div>
    </body>
</html>

此处story div包含完整的AMP页面数据，表示正在模板页面上显示的完整新闻报道。

现在问题是story内部的AMP页面成功完成验证，但模板在验证时出错。

如果此模板未完成验证，可以吗？

Google搜索或网页加载会有效吗？

这个页面也使用了jquery，所以，如果我们将jquery与AMP一起使用，有什么解决方案吗？

Answer 1

如果此模板未完成验证，可以吗？

据我所知，它并不好，因为这可能会影响您的网页被发现。我认为如果您完成validation of your AMP pages会更有益，因为这也会确认您的AMP文档为discoverable。

Google搜索或网页加载会有效吗？

如documentation所述，

如果AMP验证服务检测到您的网页出现问题，则不会被第三方网站发现和分发，也不会出现在Google AMP缓存中。因此，您不仅会失去缓存的速度优势，而且很可能会在很多地方看不到您的页面！

此页面也使用jquery，因此，如果我们将jquery与AMP一起使用，是否有任何解决方案？

实际上，AMP由three different parts组成：
- AMP HTML 是HTML，其中包含一些可靠性能限制，以及一些用于构建基本HTML之外的丰富内容的扩展。
- AMP JS 库可确保AMP HTML页面的快速呈现。
- Google AMP缓存可用于提供缓存的AMP HTML页面。
但是，请注意，文档提到AMP只允许异步JavaScript阻止JavaScript延迟页面呈现，而第三方JS仅允许在iframe中使用。而且，如果存在依赖于jQuery的JavaScripts，则必须在JavaScripts之前加载它们。

希望有所帮助！

如何转换现有页面AMP兼容

1 个答案: