FacebookでシェアしたときにURLの取得や画像の表示がうまくいかない場合の対処法

更新日：2015/06/27

OGPタグを設定しておくとFacebookでブログ記事をシェアした時に、タイトルや画像も一緒に表示される仕組みなんですが、うまく表示されない時もあります。

そういう時はFacebookのDebuggerという開発者向けツールを使うようにしています。ここのところ利用機会が増えてきたのでシェアしたいと思います。

DebuggerでOGPのキャッシュ情報を診断

Debuggerを利用すると、OGPタグの設定内容を診断することができます。個人のアカウントでログインした後にサイトへ。

OGPの設定がちゃんと反映されていないと思ったら、対象のURLを入れて「Debug」ボタンでチェック。

▼URL情報が正しく取得できない場合はエラーになります。

▼取得できたとしても、設定している画像と表示される画像が違うなんてこともありますね。

こんな感じでOGP情報がうまく読み込まれていないことが多いんですよ。なんだかなー。

チェックして問題があることがわかれば、OGPのキャッシュ情報をクリアして再取得させる必要があります。

一度、「Debug」させると「Fetch new scrape Information」というボタンが表示されて使えるようになっているので、このボタンをクリック。

▼再取得後に正しく表示されていることがわかればOKですね。一回でうまくいかないこともあるので、数回繰り返すこともあります。

ここのところうまく表示されないパターンが増えてきたので、よく利用するようになりました。なるべくこういう状況での利用機会は少ないほうがありがたいですよね。

ピックアップ記事

1: 機種変更時に最適なiPhoneバックアップ方法！ iTunesの暗号化バックアップから復元すればデータ移行が楽にできます
機種変更時に最適なiPhoneのバックアップ方法をご紹介しています。iCloudバックアップではなく、iTunesの暗号化バックアップから復元することでスムーズにデータ移行できます。各アプリのIDやパスワードも引き継ぐにはこの方法がおすすめですよ。詳しい手順も解説していますので、ぜひ参考にしてみてくださいね。

2: iPhone・iPadのAirDropでデータの受け渡しが便利！写真・動画・PDFなどのコンテンツを送受信する方法と注意点
iPhone・iPadなどApple製品同士で使えるAirDropはデータの受け渡しにとても便利な機能です。写真・動画・PDFなどのコンテンツを送受信する方法と利用する際の注意点も合わせてご紹介します。

3: Anker「PowerExpand+ 7-in-1 USB-C PD イーサネットハブ」をレビュー！出張・外出先はもちろんテレワークにも必需品になりました！
Anker「PowerExpand+ 7-in-1 USB-C PD イーサネットハブ」を購入。安定感のある高速な有線LAN接続と4K対応のHDMI映像出力にUSB-Aポートなど7つの機能がこの1つのハブで利用できます。出張など仕事での外出時やテレワークにも便利。使い勝手や感想をご紹介します。

4: 最大60WのUSB-C PD充電器「AUKEY 72W ACアダプター PA-Y12」レビュー！追加のUSB-Aポート2つ、合計3ポートのパワフル充電で大活躍
AUKEYのUSB充電器「72W ACアダプター PA-Y12」を購入してみました。最大60WのUSB Type-C PD（Power Delivery）対応でワット数の異なるパソコンにもパワフル充電。追加のUSB-Aポート2つでスマホやタブレットの充電にも大活躍。使ってみた感想をご紹介します。

5: LGウルトラワイドモニター「29UM69G-B」の口コミレビュー。12インチMacbookもMacbook Air 11インチも大画面で超快適な作業環境を実現できた！
快適なパソコン作業環境を求めて21:9ウルトラワイドモニターを購入してみました。それがLGエレクトロ二クスの「29UM69G-B」29インチです。1枚のディスプレイでスクエアタイプのモニター2枚分の広さを実現。ウィンドウを並べての作業が捗りますね！商品の特徴や使ってみた感想をご紹介します。