AMPのキャッシュを削除する方法。ブックマークレットもあるよ
どーも!カゴブロ(@kagoblo)です。
AMPで表示されるページが思ったように表示されていませんでした。
記事の文章を少しだけ変えて更新するなど試してみましたが、反映されなかったのでキャッシュの影響を疑いました。キャッシュを削除する方法がやや難しかったのでAMPのキャッシュを削除する方法を備忘録も兼ねて共有しておきます。
AMPのキャッシュを削除する方法
AMPページのURLを調べる
自分の場合は以下のページの表示が思ったのと違いました。
このページのAMP表示用のURLはhttps://kagoblo.net/update-gakujiro-pdic/amp/
です。
update-pingを使いAMP CDNのキャッシュを削除する
AMPはCDNにページのデータ(htmlや画像)をキャッシュしているようです。CDNのホストはhttps://cdn.amproject.org
です。
ページがキャッシュされているAMPのCDNのURLに”update-ping”というパラメータ?URI?を追加してリクエストを送信するといいようです。
具体的に説明すると上記のページの場合
のURLにブラウザからアクセスします。
~/update-ping/c/s~の/s は元のページがhttpsじゃない場合は不要です。
kagoblo.netはSSL化してあるので、/s を付ける必要があります。
つまり、AMPのページが
http://○○○.com/△△△/amp/ のときは、https://cdn.amproject.org/update-ping/c/○○○.com/△△/amp/にブラウザからアクセス。
https://●●●.com/▲▲▲/amp/ のときは、https://cdn.amproject.org/update-ping/c/s/○○○.com/△△/amp/にブラウザからアクセスするということです。
参考ページ
Google 公式
ん~、わかりにくいっすね。
ひとまず自分の場合はこの方法で無事更新されたページをAMPで表示できました!
AMPのキャッシュを削除するブックマークレット
-追記(2017/06/12)-
AMPのURLがこのように
https://kagoblo.net/update-gakujiro-pdic/amp/
カゴブロと同じ構成の場合に該当ページで実行することでキャッシュを削除するブックマークレットを作りました。
http:// | https://どちらのページでもお使いいただけます。
ブックマークレット
以下をブラウザのブックマークバーなどへのドラッグ&ドロップで登録できます。
iOSなどでは、こちらからコピペして登録してください。
参考ページ。ほとんどそのまま使わせてもらいました┏○ペコ
ディスカッション
コメント一覧
「amproject」と「ampproject」どちらが正しいでしょうか?
くりのみさん>
AMPは”Accelerated Mobile Pages”の略ですので、その2つですと「ampproject」が正しいように思います。
ですが、保証はできませんのでGoogle社に問い合わせした方がいいと思われます。