使用Google AMP时，单个或多个HTML代码库？

Question

我在常规网页和本网站上的Google AMP project网页上使用相同的HTML：http://www.tribunadabahia.com.br/

我按照Github上的说明进行操作，但我不确定使用相同的HTML是否是最佳做法。

Answer 1

你需要：

• 创建页面的单独AMP版本
• 使用<link rel="amphtml" href="..."/>
链接到它
• 确保它有效（使用#development=1并在控制台中查找错误）

要实现这些目标，您可以重新使用大量原始HTML，删除或替换任何无效元素。

Answer 2

当你说你为AMP和常规网页“使用相同的HTML”时，我不确定你的意思，因为AMP页面需要AMP JS库，AMP HTML组件（例如替换标签） ）等，以便适当地用作AMP网页。事实上，如果您不想更换非AMP页面（如果这是您的想法），您可以保留它并使用{{1}在AMP页面中引用它}标记（请参阅this页面的“必需标记”部分）。我认为如果某些浏览器不能与AMP页面配合使用，那么将AMP页面引回常规页面将是最好的。

Answer 3

AMP页面及其可以使用的标签有许多限制。 iframe标签和直到最近的表单标签无法在AMP页面中使用。 AMP提供标签来代替其中一些标签。例子：

int

AMP真的打破了主页的“更轻”版本。为了更好地解释，您在常规页面中会有一个amp-canonical标记，告知谷歌有一个AMP版本。然后，您的AMP版本将有一个规范指向您的常规页面。如果常规页面中存在AMP规范，谷歌将改为提供AMP版本。

因此，当您构建这些页面时，您当然可以重复使用常规页面中的HTML，只需注意您很可能需要修改页面中的某些标记以满足AMP要求。此外，您需要将常规页面中需要的任何CSS拉出，并通过标签直接放入AMP页面。

我现在可以向你提出的最佳建议是在开始之前尽可能多地阅读AMP。这样就不那么痛苦了。

AMP项目：read here

令人敬畏的资源：read here

希望这有帮助！