AMPについて、インターネット上にも情報が少ないので、調べたことについてどんどん発信していこうと思います。
今回は、楽天レシピのAMP対応状況についてです。
レシピ系サイトでAMPの実装を考えている方に参考になればと思います。
AMP対応状況
| ページ名 | 通常ページ | AMPページ |
|---|---|---|
| トップ | http://recipe.rakuten.co.jp/ | 未対応 |
| レシピ一覧 | http://recipe.rakuten.co.jp/category/15/ | 未対応 |
| レシピ詳細 | http://recipe.rakuten.co.jp/recipe/1790006679/ | http://recipe.rakuten.co.jp/recipe/1790006679/amp/ |
AMPページ確認方法
URLの末尾に/amp/を挿入するだけで確認可能です。（ただしレシピ詳細ページのみ）
AMP実装方法
サブディレクトリ形式
CDN上のAMPページとパラメータ
https://www.google.co.jp/amp/recipe.rakuten.co.jp/recipe/1790006679/amp/
特にパラメータの設定はしていませんが、サブディレクトリ形式なので、必要ないですね。
AMPページからの内部リンクパラメータ
アクセス解析用にパラメータが設置されていました。
| 設置箇所 | パラメータ |
|---|---|
| ロゴ（トップヘ） | ?l-id=amp_logo |
| レシピタイトル | ?l-id=amp_rcptitle |
| 作った人ページ | ?l-id=amp_user |
| つくったよ一覧 | ?l-id=amp_tsukuttayo |
| このレシピを見る | ?l-id=amp_rcpmore |
| レシピ人気ランキング | ?l-id=amp_rcpranking |
| ランキングをもっと見る | ?l-id=amp_rankingmore |
| 情報元：http://recipe.rakuten.co.jp/recipe/1790006679/amp/ |
基本的に内部リンクはAMPからのアクセスだと解析するためにパラメータが設置されていましたが、フッターメニューの「お問い合わせ」と「利用規約」にはパラメータの設置はなかったです。
このampパラメータの設置のお陰で例えば、google analytics、search consoleを確認した時に、ampページからの流入かどうかが判断つくので、良い感じですね。
最後に
他に人気のレシピサイトであるクックパッドとNadia（今まで知らなかったですが）のAMP対応状況を確認しましたが、どちらもまだ未対応でした。
楽天レシピは新しい技術への対応が早いように思えます。
また、進展ありましたら、共有します。