OGP | hitoiki（ひといき）

Facebookのキャッシュが残る時の対処法！公式のクリア方法はこれ！OGPが反映されはじめた！ こんにちは。今回のhitoiki（ひといき）な話題は、web系の専門的なネタなのでhitoiki（ひといき）購読者の方には馴染みがないかも。。。 自分の備忘録がてら書くのでサラッと流してもらっても大丈夫です（笑） SNSとして定番のFacebook（フェイスブック）ですが、そのOGP画像をはじめとしたキャッシュを強制的にクリアする方法として公式のデバッガーがありました。 そこで、初心者の方でも分かりやすいように簡単にまとめてご紹介！！ ブロガーやIT系のサイト運営担当者なら必見の情報で一度は経験したことがあるとは思いますが、Facebookでなかなかブログやwebサイトに実装したOGP画像が最新の情報に更新されない場合があります。 そんな時はFacebookで公式に用意されているデバッガーでクリアしてあげれば、すぐに反映されるはずです！ Facebook公式でこういったものを用意してくれると便利で嬉しい♪ 何度助かったか。。。 追記！現在は、シェアデバッガーに変更 2020年4月3日現在、Facebookのオブジェクトデバッガーは削除され、代わりにシェアデバッガーに変更されました Facebook公式のデバッガーサイト 【外部サイト】シェアデバッガー 目次 OGP画像とは？ Facebookのキャッシュクリアをする方法 OGPデバッガーの注意事項 まとめ 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が最新のものに反映される方は特に不要です！ まとめ いかがでしたでしょうか？「なかなかFacebookに投稿した時のリンク画像が切り替わらない・反映されない」といった方も多いのではないでしょうか？今回のブログ記事を参考に少しでも皆さんのお役に立てればと思います！ 今後もIT系のネタ等も少しづつご紹介していきますね！！！ 半分は自分の備忘録ですが・・・（笑） Facebookで最新情報＆雑学も配信！ IT系（web、アプリなど）のネタやサービスなどを随時ご紹介。それ以外の様々な情報＆雑学を随時Facebookでも配信しています！ ぜひページに「いいね！」を押して、どんどんモチベーションをあげてフォトライフを楽しんでいきましょう♪ ▶hitoiki（ひといき）の公式Facebookページはこちら⇒ https://www.facebook.com/hitoiki.xyz 気に入って頂けたらSNSでシェア！