【AMP】AMPページしかないWEBサイトを作ってみた
PC表示というかデフォルトのページもAMPという方法をとってみた
これでいいなら、少しWEB制作は楽になります
勿論、次世代WEBコーティングの時代に突入すればAMPそのものの行方はいざ知らずなのですけども、、
全ページlink rel="amphtml"の指定はなく、link rel="canonical"にはそのままAMPページを指定しています
AMPキャッシュはされているか
とりあえずスマホでググってみたところ、AMPキャッシュは問題なくされている模様でカルーセルも設定通り表示されてましたが、できたばかりなのでしばらく様子
AMPアドセンス
PCは表示でのAMPアドセンス表示も問題なさそう
mediaで分けて、２つ並べて記述しています
というより、data-auto-format="rspv"さえ避ければ良いのかとか
<amp-ad
media="(max-width: 599px)"
layout="responsive"
width=300
height=250
type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxxx">
</amp-ad>
<amp-ad
media="(min-width: 600px)"
layout="fixed-height"
height=320
type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxxx">
</amp-ad>
AMPで各タイプ別のアドセンス広告を表示する方法 | AMPメモ
AMPページのアドセンスでネックと思われるのが、インフィード広告が現在使えない事ですかね
AMPフォーム
AMPフォームのPOST送信はちょっと手こずりますね
サイト内でチェックできてる分は問題なくエラー出さずに実装できるのですが、AMPキャッシュのアクセス（google検索からのキャッシュアクセス）だとそのページのドメインが違うのでAMP-Access-Control-Allow-Source-Originで設定しないといけません