Facebookのキャッシュが残る時の対処法！公式のクリア方法！

Facebookのキャッシュが残る時の対処法！公式のクリア方法はこれ！OGPが反映されはじめた！
追記！現在は、シェアデバッガーに変更
目次
OGP画像とは？
Facebookのキャッシュクリアをする方法
OGPデバッガーの注意事項
まとめ
Facebookで最新情報＆雑学も配信！
気に入って頂けたらSNSでシェア！

Facebookのキャッシュが残る時の対処法！公式のクリア方法はこれ！OGPが反映されはじめた！

こんにちは。今回のhitoiki（ひといき）な話題は、web系の専門的なネタなのでhitoiki（ひといき）購読者の方には馴染みがないかも。。。
自分の備忘録がてら書くのでサラッと流してもらっても大丈夫です（笑）

SNSとして定番のFacebook（フェイスブック）ですが、そのOGP画像をはじめとしたキャッシュを強制的にクリアする方法として公式のデバッガーがありました。
そこで、初心者の方でも分かりやすいように簡単にまとめてご紹介！！

ブロガーやIT系のサイト運営担当者なら必見の情報で一度は経験したことがあるとは思いますが、Facebookでなかなかブログやwebサイトに実装したOGP画像が最新の情報に更新されない場合があります。

そんな時はFacebookで公式に用意されているデバッガーでクリアしてあげれば、すぐに反映されるはずです！
Facebook公式でこういったものを用意してくれると便利で嬉しい♪
何度助かったか。。。

追記！
現在は、シェアデバッガーに変更

2020年4月3日現在、Facebookのオブジェクトデバッガーは削除され、代わりにシェアデバッガーに変更されました

Facebook公式のデバッガーサイト

【外部サイト】シェアデバッガー

OGP画像とは？

OGPとは（Open Graph protocol）の頭文字をとったもので、webサイトなどに記述するMetadata（メタデータ）となります。
FacebookやLINE、Google＋などへリンク投稿される際やシェアしたときに自動で表示される画像です！

そう！よくみられると思いますが、この画像です。
この画像が有るのと無いのでリンクのクリック率が大きく変わるので、ブロガーにとっては非常に重要なものです！

OGPの設定は私もお世話になっている「ニワデザイン」さんのブログでもご紹介！
▶ニワデザインさんのブログはこちら⇒

設置されていない方は、「ニワデザイン」さんのブログをみながら設定してみてください。

Facebookのキャッシュクリアをする方法

それでは、実際にFacebookのキャッシュを強制的に削除（クリア）する方法をご紹介。
※削除というよりは、リセットという言葉の方が適切かもしれません。

キャッシュをクリアにする方法

Facebook公式のシェアデバッガーにアクセス
⇒https://developers.facebook.com/tools/debug/
※ちなみに利用にはFacebookアカウントでログインが必要です！

　↓

「Input URL」に対象ページのURLを入力

　↓

「デバッグ」をクリック

　↓

完了

はい。非常に簡単ですね！面倒なのは1ページづつやらないといけないことでしょうが、サイト全体まとめてできる方法も存在するかもしれません！
このあたりは「ニワデザイン」さんにも相談しながら探してみたいと思います♪

画像にまとめるとこんな感じ！

OGPデバッガーの注意事項

「シェアデバッガー」の注意点として『「ディレクトリ」と「html」両方設定する必要がある』ということ。
どういうことかといいますと、例としてhitoiki（ひといき）が最近気になる、大人気のEMSトレーニングギアSIXPAD（シックスパッド）で説明します。

SIXPAD（シックスパッド）のURLですと下記になります。試しにこのURLをクリックして頂くと、同じページが表示されると思います。

（A）【クリックすると、楽天市場に遷移します】 https://www.mtgec.jp/wellness/sixpad/

（B）【クリックすると、楽天市場に遷移します】 https://www.mtgec.jp/wellness/sixpad/index.html

これは「ディレクトリにアクセス（〜sixpad/）」しても、「index.html」に直接アクセス（〜sixpad/index.html）してもwebブラウザが「index.html」にアクセスしているということです。

今回のhitoiki（ひといき）な話題でもあるFacebookでOGP画像のキャッシュクリアの内容に戻すと、先ほどの「Open Graph Object Debugger」にアクセスしてURLを入力してキャッシュをクリアする場合は「ディレクトリ」と「index.html」の両方を「Open Graph Object Debugger」でクリアするようにしてください。

もちろん、「Open Graph Object Debugger」を使わなくてもOGPが最新のものに反映される方は特に不要です！