【AMP】AMPページしかないWEBサイトを作ってみた

WEBコンテンツ制作AMP

PC表示というかデフォルトのページもAMPという方法をとってみた

これでいいなら、少しWEB制作は楽になります

勿論、次世代WEBコーティングの時代に突入すればAMPそのものの行方はいざ知らずなのですけども、、

全ページlink rel=”amphtml”の指定はなく、link rel=”canonical”にはそのままAMPページを指定しています

AMPキャッシュはされているか

とりあえずスマホでググってみたところ、AMPキャッシュは問題なくされている模様でカルーセルも設定通り表示されてましたが、できたばかりなのでしばらく様子

AMPアドセンス

PCは表示でのAMPアドセンス表示も問題なさそう

mediaで分けて、2つ並べて記述しています

というより、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ページのアドセンスでネックと思われるのが、インフィード広告が現在使えない事ですかね

AMPフォーム

AMPフォームのPOST送信はちょっと手こずりますね

サイト内でチェックできてる分は問題なくエラー出さずに実装できるのですが、AMPキャッシュのアクセス(google検索からのキャッシュアクセス)だとそのページのドメインが違うのでAMP-Access-Control-Allow-Source-Originで設定しないといけません

 

WEBコンテンツ制作AMP

Posted by Yousuke.U