AMPのキャッシュを削除する方法。ブックマークレットもあるよ

2017年6月12日Wordpress

この記事のURLとタイトルをコピー
お使いの端末ではこの機能に対応していません。
下のテキストボックスからコピーしてください。

どーも!カゴブロ(@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?を追加してリクエストを送信するといいようです。

具体的に説明すると上記のページの場合

https://cdn.amproject.org/update-ping/c/s/kagoblo.net/update-gakujiro-pdic/amp/

の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://どちらのページでもお使いいただけます。

ブックマークレット

以下をブラウザのブックマークバーなどへのドラッグ&ドロップで登録できます。

AMPのキャッシュ削除

iOSなどでは、こちらからコピペして登録してください。

参考ページ。ほとんどそのまま使わせてもらいました┏○ペコ