如何為動態網頁創建谷歌放大器？

Question

有沒有辦法為動態網頁創建谷歌放大器？ 我的網站包含表單元素，如潛在客戶表單、頁面評論等。AMP 給我留下了深刻的印象，並希望在我的網站上實施它。

Answer 1

這取決於“動態”的程度。 AMP 可以被視為 HTML 的精簡版。 您不得包含任意腳本，但 Google 維護了一組已批准的 AMP 擴展，可讓您執行添加手風琴、燈箱、廣告單元等操作。您也不能包含表單標簽或任何 HTML 表單元素（輸入、選擇、文本區域等）。 但是，您可以使用amp-iframe在您的 AMP 頁面中嵌入另一個網頁。 其他網頁不必符合 AMP 規范，因此您可以自由地以這種方式添加表單。 請記住，適用標准 iframe 規則：您必須為框架設置固定高度（這對於字段數量在頁面之間更改的多步表單可能會出現問題）並且您的成功響應將僅限於 iframe（意味着您不能將整個頁面重定向到其他地方）。 不過，這對您來說可能是一個可行的解決方案。

一般來說，AMP 頁面應該是簡單的。 這就是這種想法。 谷歌的限制是為了迫使你保持簡單。 AMP 的最佳用途仍然是純內容頁面，例如博客文章、新聞和其他文章類型的內容。 您可以將其推得更遠，但是您嘗試推得越遠，限制就會變得更加令人惱火。 根據我的經驗，有相當多的反復試驗，試圖獲得與您理想中想要的接近的近似值。

AMP 的好處在於它完全可以選擇加入並且是零碎的。 您不必轉換整個網站。 如果你願意，你可以只做一個頁面。 這可以讓您弄濕自己，為您的網站提供一點額外的好處，如果您不能使用 AMP 做您想做的事，您可以只使用標准網頁，而不會受到任何懲罰。

Answer 2

我剛剛為我們所有的 8 個 ABC 新聞網站創建了一個 AMP 引擎。 我遇到的最大問題是必須通過 HTTPS 為 AMP 標簽提供所有服務。 我們的視頻播放器需要大量的外部 JS 來支持播放前貼片和廣告。 我們還在頁面上與多個供應商進行了大量廣告。 在深入研究之前，您肯定希望盡可能多地閱讀 AMP 。

上面@chris_pratt 指出，AMP 頁面中不允許使用表單標簽和元素。 添加了對在 AMP 頁面中嵌入表單的支持。

使用 AMP 需要注意的最重要的事情：

1. 沒有外部 JS（如果需要，必須通過 amp-iframe 拉入）
2. 從 AMP 特定標簽進行的調用需要通過 HTTPS 進行
3. 不能使用內聯 CSS 和外部樣式表。 使用標簽添加自定義 CSS（最大 50k）
4. 就我而言，我在嘗試將 JS 文件拉入 AMP-IFRAME 時遇到了混合內容警告（這將阻止 AMP 頁面有效）。
5. 在將 AMP 實施到您的項目中之前，需要解決 AMP 頁面中的許多限制。 風格明智你會注意到某些 CSS 是不允許的，一個是“！重要”和“*”。 這只是一些，所以請閱讀其余部分。
6. 在開始之前，您還需要閱讀一些布局規則。

底線是 AMP 加載頁面的速度非常快，但是為了實際顯示 AMP 版本，必須滿足很多限制和要求。 一旦您了解了這些限制，您就應該能夠相應地計划您的攻擊。

希望這會有所幫助。