Facebookデバッガーの使い方を徹底解説

Facebookにあるデバッガーとは、OGPタグ設定を確認できるツールです。FacebookのデバッガーはFacebookを使う上で知らなくても投稿できるツールではありませんが、どういう機能があり、どういう風に使うといいのかを知っておくと便利です。

Facebookの投稿で別のサイトをシェアしたときに表示されるサムネイル画像やタイトルは、OGPというものが設定されています。OGPとは「Open Graph Protoco」が正式名称で、このOGPはFacebookでシェアした後に変更されてしまったり、シェアした時点ではOGPが設定されていなかったりすることもあります。

このOGPのずれが原因でFacebookでシェアしたサイトのサムネイル画像やタイトルが、正常に表示されなくなる可能性があります。ちなみにサムネイルとは画像のことです。Facebookではリンク先のサイトのイメージ画像のことを言います。

Facebookの投稿でサイトをシェアしたのに正しく表示されない場合は、OGPタグ設定をデバッガーで変更して、正しい情報を投稿し直しましょう。

FacebookデバッガーにはOGP設定を確認することができる以外にも、キャッシュを最新のものにする機能もあります。

キャッシュとはパソコンに保存されているデータのことです。よくFacebookの調子が悪い問いにキャッシュを削除すると、スムーズになるのはパソコンのデータ容量を軽くするからです。Facebookデバッガーは、キャッシュを最新のものにする機能がメインとなっています。

Facebookのデバッガーは使い方がとても簡単です。もしFacebook内でシェアしたサイトのサムネイルが違ったり、タイトルが正常に表示されなかったりする場合は、すぐにFacebookデバッガーでOGPタブを正しくしましょう。

Facebookのデバッガーの使い方は、上記のリンクにアクセスしてFacebookにログインをします。Facebookのアカウントにログインすることを要求されるので、Facebookに登録しているメールアドレスとパスワードを入力して、ログインしましょう。

もし修正が必要なデバッガーの設定があれば、「修正が必要な問題」という警告メッセージが表示されます。警告メッセージをもとにOGPタグ設定を修正してください。もし修正してもFacebookに正しい画像が表示されない場合は、何度か同じ手順を踏んでみましょう。

ログインしたら「シェアデバッガー」というタブをクリックして、正しくシェアしたいサイトのリンクを入力して「デバッグ」をクリックします。正しくシェアしたいサイトのリンクを用意しておく必要があるので、一度Facebookでシェアしたサイトの場合は新しいタブでシェアしたいサイトを表示させておきましょう。

「デバッグ」をクリックするとFacebookのクローラーがリンクにアクセスし、サンプル画面が表示されます。サンプル画面とは正しいデバッガーにすると、このサムネイルとタイトルが表示されるという画面です。

また「シェアデバッガー」ではなく「バッチインバリデイタ―」タブをクリックすると、Facebookで複数のシェアしたいサイトのリンクを同時に設定できます。

「デバッグ」をクリックしたら、画面が自動的に切り替わります。そこで「レスポンスコード」という項目が「200」になっていることを確認しましょう。もし「200」になっていないと、正しくシェアできなかったということなので、最初からOGP設定をやり直し、またシェアしたいサイトのリンクを入力します。

これの一つ前の画面で「詳細を見る」をクリックしても、OGP設定を変更したあとのシェアサイトのサムネイルなどが確認できます。

もしFacebookでシェアしたいサイトのリンクが間違っている場合は、キャッシュを独自に取得している可能性があります。キャッシュを独自に取得している状態とは、特別な設定をしていなくても起こります。

Facebookデバッガーで正しいキャッシュを取得できるように設定しましょう。

レスポンスコードが定常に設定されると、OGPタグなどのその他の情報も確認できます。この画面で不自然な部分はないか確認しておくと、Facebookの投稿でもう一度不自然な部分が出る前に対処できます。

Facebookは簡単に登録できますが、トラブルが起こったときの対処法はあまり情報が出回っていません。デバッガーの機能を知らずにFacebookをしていると、正しく表示されなくなったリンクを放置するしかなくなるので知っておきましょう。

Facebookからログインし、OGPタグ設定を正しくしてもサムネイルで正しい画面が表示されない場合があります。

デバッガーの設定を修正したのに、サムネイルやタイトルが正しく表示されないのは、チェックするタイミングが原因であることがほとんどです。次の手順を踏んでみてください。