2

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

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

4

3 回答 3

6

你需要：

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

为了实现这些，您可能可以重用大量原始 HTML，删除或替换任何无效元素。

于 2015-11-10T10:33:27.917 回答
0

AMP 页面及其可以使用的标签有很多限制。iframe 标记和直到最近的表单标记都无法在 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 项目：阅读此处

很棒的资源：在这里阅读

希望这可以帮助！

于 2016-11-08T18:48:09.200 回答
0

当您说您对 AMP 和常规网页“使用相同的 HTML”时，我不太确定您的意思，因为 AMP 页面将需要 AMP JS 库、AMP HTML 组件（例如替换标签）等. 以作为 AMP 网页正常运行。事实上，如果您不想替换您的非 AMP 页面（如果您是这样想的话），您甚至不需要替换，您可以保留它并使用<link rel="canonical" href="$SOME_URL" />标记在您的 AMP 页面中引用它（请参阅本页的“必需标记”部分）。我认为最好有一个引用常规页面的 AMP 页面，以防某些浏览器还不能与 AMP 页面一起使用。

于 2015-10-27T22:05:18.153 回答