LoginSignup
0

More than 5 years have passed since last update.

楽天レシピのAMP対応状況について調べてみた。

Last updated at Posted at 2016-12-15

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対応状況を確認しましたが、どちらもまだ未対応でした。

楽天レシピは新しい技術への対応が早いように思えます。
また、進展ありましたら、共有します。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0