Facebookデバッガー（シェアデバッガー）の使い方と情報が更新されない場合の対処法

Webサイトを運営していると、記事をFacebookでシェアしたときにアイキャッチ画像が表示されなかったり、シェアしたあとにアイキャッチ画像や記事タイトルが誤っていたことに気づいたりした経験はありませんか。

こういったシェアの失敗を防ぐツールとして、Facebookには「Facebookデバッガー」というツールが用意されています。

対策キーワードで1位を狙いませんか？
貴社コンテンツを徹底的に分析し、1位にするための改善案を無料でご提案します！
まずはサクラサクのコンサルタントにご相談ください。
無料相談はこちら

Facebookデバッガー（シェアデバッガー）とは

SNSでシェアしたときにリンク表示されるアイキャッチ画像や記事タイトルは、HTMLに記述したOGP（Open Graph Protocol) の設定内容が反映されたものです。Facebookデバッガー（シェアデバッガー）は、WEBサイトで設定したOGPに則ってシェア時のリンク表示をプレビューできるツールで、誰でも無料で利用することができます。

また、Facebookデバッガー（シェアデバッガー）には、デバッグ実行時（プレビュー作成時）にWEBサイトをクロールし、Facebook側で保存（キャッシュ）しているOGP設定内容を最新状態に更新する機能もあります。
以前からあった記事を更新してタイトルやキャッチ画像を変更した場合、そのままだと以前のOGPをもとに表示されてしまうことがあります。
Facebookデバッガー（シェアデバッガー）は、そのずれを解消するfetch機能も有しており、この目的で使われるケースも多いでしょう。

ポイントは、記事をシェアする「前」にデバッグすること

したがって、Facebookデバッガー（シェアデバッガー）を実行する最適なタイミングは、WEBサイトの記事をシェアする「前」です。Facebookデバッガー（シェアデバッガー）を実行することで、次の2点をあらかじめ行うことができ、「記事をシェアしたのにアイキャッチ画像が表示されない」「思っていたのと違うアイキャッチ画像が表示された」といった失敗を防げるからです。

• 当該記事がFacebookでシェアされたときにどのようにリンク表示されるかの確認（アイキャッチ画像、記事タイトルなど）
• 当該記事について、FacebookがキャッシュしているOGP設定内容の更新

Facebookデバッガー（シェアデバッガー）の使い方【簡単2ステップ】

Facebookデバッガー（シェアデバッガー）は、Facebookデベロッパー（Facebook developers）で提供されているツールの1つです。誰でも無料で利用することができます。

使い方は次のとおりです。

• ① Facebookにログインした状態でFacebookデバッガー（シェアデバッガー）のページを開きます。

• ② デバッグしたい記事（ページ）のURLを入力し、「デバッグ」をクリックします。

• 数秒ほど待つと、画面にデバッグの実行結果が表示されます。

各表示項目の内容は次のとおりです。

• スクレイピングの実行時間
直近のクローラーの巡回タイミング。FacebookにキャッシュされているOGP設定の取得タイミングと同義です。

• レスポンスコード
当該URLへのHTTP リクエストが正常に完了したどうかを示すHTTPステータスコード。200番台であればクロールが成功しています。
400番台や500番台の場合はページがない、サーバーが応答できないなど何らかの問題が発生しており、その結果としてクロールが失敗しています。まずはそのURLが開けるかどうかを確認してみましょう。

• 取得したURL
デバッグの実行対象となったURL

• カノニカルURL
最終的にクロールしたURL。基本的にはOG:URLで設定したURLが表示されますが、ページ（取得したURL）にリダイレクト設定を施していた場合は、遷移先のページのURLが表示されます。

• リンクをプレビュー
Facebookでシェアされる際のリンク表示のプレビュー。

意図した通りのプレビューが表示されないケースとしては、主に次の2つが挙げられます。

• 実行結果として情報が表示されない
• 意図しないアイキャッチ画像がプレビューされている

それぞれの対処法を後述します。