使用Google AMP時的單個或多個HTML代碼庫？

Question

我使用我的正常網頁相同的HTML和本網站上的網頁Google AMP project：http://www.tribunadabahia.com.br/

我也跟着在Github上的說明，但我不肯定是否使用相同的HTML是最好的做法。

Answer 1

由於AMP頁面需要AMP JS庫，AMP HTML組件（如替換件），因此我不太確定當您對AMP和常規網頁使用「使用相同的HTML」時的含義標籤）等，以便適當地充當AMP網頁。事實上，如果你不想要，你甚至不需要更換非AMP頁面（如果這是你的想法），你可以保留它並在你的AMP頁面中使用<link rel="canonical" href="$SOME_URL" />標籤來引用它（參見this頁面的「必需標記」部分）。我認爲如果某些瀏覽器不支持AMP頁面，那麼將AMP頁面引回常規頁面將會是最好的選擇。

Answer 2

您需要：

• 使用<link rel="amphtml" href="..."/>
• 確保它驗證（使用#development=1並在控制檯中查找錯誤）創建一個單獨的AMP版本的頁面
• 鏈接到它

爲了實現這些目標，您可以重複使用大量的原始HTML，刪除或替換任何無效的元素。

Answer 3

AMP頁面和它們可以使用的標籤有很多限制。 Iframe標籤和直到最近form標籤不能用於AMP頁面。 AMP提供標籤以代替其中一些標籤。示例：

IFRAME --> AMP-IFRAME 
IMG --> AMP_IMG 
VIDEO --> AMP-VIDEO 

AMP確實崩潰，因爲您的主頁的「較輕」版本存在。爲了更好地解釋你在常規頁面中會有一個amp-canonical標籤，告訴谷歌有一個AMP版本。您的AMP版本將有一個規範指向您的常規頁面。如果AMP規範存在於常規頁面中，Google會改爲使用AMP版本。

因此，當您構建這些頁面時，您肯定可以重複使用常規頁面中的HTML，但請注意，您很可能需要修改頁面中的某些標記以滿足AMP的要求。另外，您常規頁面中所需的任何CSS都需要被拉出並通過標籤直接放入AMP頁面。

我現在可以給你的最好的建議是儘可能多地閱讀AMP，然後再開始使用。這種方式的痛苦少得多。

AMP項目：read here

真棒資源：read here

希望這有助於！