Facebookデバッガーリンク生成ツール

URLを貼り付けるだけで、その対象があらかじめ読み込まれた状態でFacebookシェアデバッガーを開くリンクが手に入ります。og:imageog:title、正規URLタグなどを更新した直後に、新しいシェアで正しいプレビューが表示されるようFacebookにページを再取得させたいときに便利です。デバッガーはFacebookのクローラーが出した警告もそのまま表示するため、サムネイルが壊れる原因を最速で突き止められます。

デバッガーリンクの使い方

  1. 1

    URLを貼り付ける

    Facebookに再取得させたいページを入力します。途中のリダイレクトではなく、正規URLを使用してください。

  2. 2

    リンクを生成する

    このツールはURLをFacebookの`developers.facebook.com/tools/debug/?q=`形式に変換します。

  3. 3

    デバッガーを開く

    Facebookのデバッガーページが表示されます。「Scrape Again(再取得)」をクリックすると、最新の情報が強制的に取得されます。

  4. 4

    警告を確認する

    Facebookは、クローラーが検出した不足タグ、画像サイズ、正規URLの不一致、あらゆるHTTPエラーを表示します。

Facebookのクローラーが実際にチェックする項目

クローラーはあなたのページをfacebookexternalhit/1.1として取得し、<head>内のOpen Graphタグを読み取ります。きれいなシェアプレビューを表示するために最低限必要となるタグは以下のとおりです。

必須タグと推奨タグ

タグ 必須 備考
og:title はい 40〜60文字がモバイルで最も読みやすくなります。
og:type はい 通常はwebsiteまたはarticleです。
og:url はい 正規URLと一致している必要があります。
og:image はい 1200×630を推奨。最低でも600×315です。
og:description いいえ 80〜200文字。
og:image:width いいえ 初回レンダリング時のプレビューに役立ちます。
og:image:height いいえ 同上。
og:locale いいえ en_USes_ESなど。

よくある警告と対処法

  • og:imageプロパティは明示的に指定する必要があります」、タグを付け忘れているか、相対URLを指しています。プロトコルを含む絶対URLを使用してください。
  • 「指定されたog:imageのURLが無効でした」、画像が404、認証の背後にある、またはrobots.txtでブロックされています。シークレットモードのcurlで確認してください。
  • 「推測されたプロパティ」、Facebookがページ本文のスクレイピングにフォールバックしています。プロパティを明示的に宣言するまで、プレビューは不安定なままです。
  • 「画像が小さすぎます」、リッチプレビューの最小サイズは200×200pxです。1200×630未満では、プレビューが横長ではなく正方形になることがあります。

キャッシュの挙動

Facebookは一度スクレイピングすると、Open Graphのデータを最大30日間キャッシュします。タグを修正した後でも、新しいシェアではキャッシュされたプレビューが使われます。待たずにキャッシュを無効化する唯一の公式な方法は、デバッガーの「Scrape Again(再取得)」です。

よくある質問

はい。シェアデバッガーの利用にはログイン済みのFacebookアカウントが必要です。デバッガーのURLをチームメンバーと共有した場合、相手は「Scrape Again」ボタンを使う前にサインインを求められます。

すでにアプリ内にページをキャッシュしている人は、しばらくの間は古いプレビューを見続けます。確実なテスト方法は、別のアカウントの新規投稿にそのURLを貼り付けることです。これでそのシェアについて新たな取得が行われます。

Xは独自のtwitter:cardタグを使い、Open Graphタグはフォールバックとして利用します。FacebookデバッガーはX専用のタグを検証しないため、その用途にはTwitter Card Validatorを使用してください。

リンクはこのツール内でローカルに生成され、入力したURLの記録が当社側に保存されることはありません。Facebook側では、想定どおりすべてのデバッガーリクエストが記録されます。

関連ツール

このツールは他の言語でも利用できます