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

时间:2016-02-19 10:28:20

标签: amp-html

据我了解放大器,放大器仅适用于移动设备。如果我使用自适应设计,我的Web服务器会为每个设备提供相同的HTML文档。

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

我该怎么做?到User-Agent?(我认为这很难看,而且不可扩展) 我错过了什么?

2 个答案:

答案 0 :(得分:8)

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

没有针对同一网址的用户代理切换。您只需在主文章中指定您的文档放大器版本带有链接标记:

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

并在放大器版本中使用规范指定主要内容的地址:

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

要回答您的问题,实际的&#34;移动检测&#34;在搜索结果页面中完成,因为谷歌将确定向用户显示的链接。

答案 1 :(得分:3)

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

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

例如,请查看LA Times

Limiting maximum AMP article with

...或The Guardian

The Guardian limits width to 600px