AMP-htmlとデスクトップHTMLを同時にサポートするには

Question

私がアンプについて理解しているように、このアンプはモバイルデバイス専用です。レスポンシブデザインを使用している場合、私のWebサーバーはすべてのデバイスに対してページごとに同じHTMLドキュメントを提供します。

しかし、AMPを使用したい場合、Webサーバーはデスクトップ用のHTMLを提供するのか、AMP用のHTMLを提供するのかを決定する必要があります。

どうすればよいですか？ User-Agentによって（私はそれが醜いとスケーラブルではないと思う） 私は何かを欠場？

Answer 1

同じコンテンツに対して2つのURLが必要です。 http://example.com/my-article.amp

同じURLにはユーザーエージェントの切り替えはありません。主な記事は http://example.com/my-article とアンプのバージョンになります。あなたはちょうどあなたがリンクタグで文書のアンプのバージョンを持ってメインの記事で指定する必要があります。

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

とアンプのバージョンでは正規のメインコンテンツのアドレスを指定します。

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

あなたの質問に答えるために、実際の「モバイル検出」は検索結果ページで行われます.Googleはユーザーに表示するリンクを決定します。

Answer 2

ページに必要なすべての機能をAMP形式とextensionsでサポートしている場合は、AMPバージョンのみを公開できます。それは（一般的にまたはワイド・スクリーン・デバイス）、デスクトップ上の良く見えるようにするには、max-width CSSプロパティを使用して、ページの最大幅を制限することを確認してください：

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

を例えば、LA Timesを見てください。

...またはThe Guardian：