littlewing

人間とコンピューターとメディアの接点をデザインするために考えたこと

Facebookの投稿済み記事のOGPキャッシュ(画像・タイトル)をクリアして入れ替える方法

いいね!やコメントも残せます。いざという時のために、このページをブックマークしておくと後で役立つかも

FacebookにURL付き記事を投稿すると、ページの画像やタイトル、テキストを自動で取得してバナーのような形で表示してくれます。

この時利用される内容は該当ページにOGP(Open Graph Protocol)タグというのを記述することでコントロールできるのですが、 クライアントワークや複数人で運用しているサイトなどでOGPを書き忘れたまま、先にFacebookに投稿してしまうと、意図しない画像やテキストが表示されてしまう場合があります。

さらに、マズイことにFacebookはこのOGPの内容をキャッシュに保存して利用するので、急いで元ページのOGPの内容を修正しても、反映されません。

その場合も焦らず、以下の手順で修正することができます。 「いいね」の数やコメントがリセットされることもありません。


▼キャッシュをクリア→情報更新の手順


[手順1]まず、Facebookのキャッシュをクリアする

  • 以下のフォームに、入れ替えたいページのURLを貼り付けて、
    「OGPキャッシュクリアする」を押してください。

URL:

  • graph.facebook.comドメインのページが開いて、JSONフォーマット(英語と記号だけの)が表示されると思います。
  • これでキャッシュを消すことが出来ました。

[手順2]キャッシュクリアと新しいOGPを確認。

  • 次に、Facebook 提供のDebuggerページにアクセスして、先ほどと同じURLを貼り付けて「Debug」を押してください。

  • Facebook Debugger ※要ログイン

表示された画面で、「Fetch new scrape infomation」のボタンを押してください。 f:id:pigshape:20150607231351p:plain

  • これで正しいOGPの内容が確認できたのではないでしょうか?

  • ただ、既に投稿済みの記事の場合はこれだけでは更新されません。

  • さらに、記事単位でのリンクの更新が必要です。

[手順3]個別に記事のリンクを手動で更新する

  • Facebookにアクセスして、修正したい記事を見つけてください。
  • 記事の先頭に、投稿日(◯月◯日)か投稿時間(◯時間前)と表示される部分があります。ここをクリック f:id:pigshape:20150607232222p:plain

  • 記事の右上の "^"をクリックすると、「シェアした添付ファイルを更新」というメニューが出てきます。これを選んでください。 f:id:pigshape:20150607232516p:plain

  • 更新された画像とテキストが表示されると思うので「保存」を押してください。

 これでおしまい。うまくいきましたか?


ちょっと解説

  • 手順1でフォームを使いましたが、本来はFacebookの仕様で以下のフォーマットでPOST送信するとキャッシュがクリアできます。 POSTするのがちょっと大変なので、フォームを作りました。もちろん自分で準備すればここからじゃなくてもできます。
https://graph.facebook.com/?scrape=true&id=URL
  • 手順2のデバッガですが手順1成功の確認のためなので、やらなくても良いかもしれません。ただ焦った時ほど順番に確認が必要なので、記載しています。

  • 手順3ですが、「シェアした添付ファイルを更新」のメニューが何故か、ウォール(タイムライン)表示状態のメニューでは表示されず、日付をクリックした時にしか表示されません。これを見つけるのに毎回忘れて悩むので、この記事を書きました。

  • 説明用のキャプチャ画像にFabcafeさんのFacebookの画像を使いましたが、私が運営に携わっているわけではありません。たまたまウォールにあったので利用させていただきました。 FabCafe Tokyo

お役に立てれば幸いです。

はじめての人工知能 Excelで体験しながら学ぶAI

はじめての人工知能 Excelで体験しながら学ぶAI