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

Question

据我所知，放大器只适用于移动设备。如果我使用响应性设计，我的web服务器为每个设备提供相同的HTML文档。

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

我该怎么做？User-Agent？(我认为它很难看，不能扩展)我漏掉了什么？

Answer 1

对于相同的内容，您应该有两个urls。主要的文章是http://example.com/my-article和放大器版本：http://example.com/my-article.amp

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

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

在放大器版本中，用规范指定主要内容的地址：

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

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

Answer 2

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

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

举个例子，看看“洛杉矶时报”。

​

​

..。或守护者

​

​