如何轉換與AMP兼容的現有頁面

Question

我正計划使我的新聞頁面成功符合AMP的要求。 但是，我不得不刪除一些自定義標簽，例如，和屬性，這很好。

現在的問題是，整個新聞頁面正在另一個不符合AMP的HTML頁面中顯示。

例如

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

這里的story div包含完整的AMP頁面數據，這意味着將在模板頁面上顯示完整的新聞故事。

現在問題是story div內的AMP頁面成功完成了驗證，但模板給出了驗證錯誤。

如果此模板未完成驗證，可以嗎？

Google搜索或網頁加載會不會有效果？

此頁面也使用jquery，因此，如果將jQuery與AMP一起使用，有什么解決方案嗎？

Answer 1

如果此模板未完成驗證，可以嗎？

據我所知，這並不理想，因為這可能會真正影響您的頁面被發現。 我認為，如果您完成AMP頁面的驗證，將會更加有益，因為這也可以確認AMP文檔是可發現的。

Google搜索或網頁加載會不會有效果？

如文檔中所述，

如果AMP驗證服務檢測到您的頁面有問題，則不會被第三方網站發現和分發，也不會出現在Google AMP緩存中。 因此，您不僅會失去緩存的速度優勢，而且很可能在很多地方都看不到您的頁面！

此頁面也使用jquery，因此，如果將jQuery與AMP一起使用，有什么解決方案嗎？

實際上，AMP由三個不同部分組成：
- AMP HTML是HTML，它具有一些對可靠性能的限制，並且具有一些擴展功能，可以擴展基本HTML之外的豐富內容。
- AMP JS庫可確保快速呈現AMP HTML頁面。
- Google AMP緩存可用於提供緩存的AMP HTML頁面。
但是，也請注意，文檔中提到AMP僅允許異步JavaScript來防止JavaScript延遲頁面渲染，並且僅在iframe中允許使用第三方JS。 並且，如果存在依賴jQuery的JavaScript，則必須在JavaScript之前先加載它們。

希望有幫助！

如何轉換與AMP兼容的現有頁面

問題描述

1 個解決方案

解決方案1
2 已采納 2016-11-12 16:21:48

如何轉換與AMP兼容的現有頁面

問題描述

1 個解決方案

解決方案1 2 已采納 2016-11-12 16:21:48

解決方案1
2 已采納 2016-11-12 16:21:48