amp-html - 如何同时支持 AMP-html 和桌面 HTML

Question

据我了解放大器，放大器仅适用于移动设备。如果我使用响应式设计，我的 Web 服务器为每台设备的每页提供相同的 HTML 文档。

但是如果我想使用 AMP，网络服务器应该决定是为桌面提供 HTML 还是为 AMP 提供 HTML。

我怎么做？通过User-Agent？（我认为它很丑陋且不可扩展）我错过了什么？

Answer 1

您应该有两个相同内容的网址。主要文章是 http://example.com/my-article 和 amp 版本： http ://example.com/my-article.amp

相同的 url 没有用户代理切换。您只需在主文章中指定您拥有带有链接标签的 amp 版本的文档：

<link rel="amphtml" href="http://example.com/my-article.amp" > 

并在 amp 版本中使用规范指定主要内容的地址：

<link rel="canonical" href="http://example.com/my-article" >

为了回答您的问题，实际的“移动检测”是在搜索结果页面中完成的，因为谷歌将决定向用户显示哪个链接。

Answer 2

如果 AMP 格式和扩展支持您的页面所需的所有功能，则您只能发布 AMP 版本。为了使它在桌面（或一般的宽屏设备）上看起来不错，请确保使用max-widthCSS 属性限制页面的最大宽度：

body > div {
    max-width: 85em;
}

例如，请查看LA Times。

...或卫报：