amp-html - AMP-html とデスクトップ HTML を同時にサポートするにはどうすればよいですか

Question

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

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

それ、どうやったら出来るの？User-Agent?(私はそれが醜くてスケーラブルではないと思います) 私は何かを逃しましたか?

score 8 · Accepted Answer

同じコンテンツに対して 2 つの URL が必要です。メインの記事は http://example.com/my-article で、アンプのバージョンは http://example.com/my-article.ampです。

同じ URL に対するユーザーエージェントの切り替えはありません。メインの記事で、ドキュメントの amp バージョンと link タグを指定する必要があるだけです。

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

amp バージョンでは、メインコンテンツのアドレスを canonical で指定します。

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

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

score 3 · Accepted Answer

AMP 形式と拡張機能がページに必要なすべての機能をサポートしている場合は、AMP バージョンのみを公開できます。デスクトップ (または一般的なワイドスクリーンデバイス) で適切に表示するには、max-widthCSS プロパティを使用してページの最大幅を制限してください。

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

例として、LA Timesを見てください。

2 に答える 2