ページの検出、配信の準備をする
ニュース記事のように、同じページに対して AMP 版と非 AMP 版のページをそれぞれ用意したい場合を考えましょう。たとえば Google 検索で、あるページの非 AMP 版を検出した場合、そのページには AMP 版も存在することを知らせるにはどうしたらよいでしょうか。
<link> を使ってページをリンクする
この課題を解決するには、<head>
内の <link>
タグという形で、AMP ページの情報を非 AMP ページに追加します。同様に、非 AMP ページの情報は AMP ページに追加します。
以下を非 AMP ページに追加します。
<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">
また、以下を AMP ページに追加します。
<link rel="canonical" href="https://www.example.com/url/to/full/document.html">
1 ページしかない場合
1 ページしか存在せず、それが AMP ページである場合も、canonical リンクを追加して単純に自身を指定する必要があります。
<link rel="canonical" href="https://www.example.com/url/to/amp/document.html">