Facebookシェアデバッガー「プロパティがありません 次のプロパティは必要です: fb:app_id」
原因
- 必須の Open Graph タグ不足
- Facebook がページをシェアする際には、
og:titleやog:descriptionのほか、fb:app_idというプロパティを推奨または必須扱いにしています。 - この
fb:app_idがページの<head>内に設定されていないため、シェアデバッガーで「修正が必要」と表示されています。
- Facebook がページをシェアする際には、
- レスポンスコード 206（Partial Content）
- サーバーから返ってきたレスポンスが 完全な 200 OK ではなく 206 Partial Content になっています。
- これは、ページが部分的にしか返っていない（リソース制御や圧縮設定、キャッシュ、リダイレクトの問題など）可能性を示します。
- Facebook のクローラーが正しくページを取得できず、Open Graph 情報を読み込めない原因になっている可能性があります。
解決方法
解決方法として、以下のようなことが考えられます。
1. fb:app_id の追加
HTML の <head> 内に以下のように追加してください。
<meta property="fb:app_id" content="あなたのFacebookアプリID" />
- Facebook for Developers でアプリを作成し、App ID を取得する必要があります。
- もしどうしてもアプリを使いたくない場合は、代わりに
fb:adminsタグを使って管理者の Facebook ユーザーID を指定する方法もあります。
2. サーバーのレスポンスを 200 にする
- レスポンスコードが
206ではなく200を返すように修正してください。- Cloudflare や LiteSpeed Cache、WordPress プラグインなどでリソースの一部配信設定が原因になっている場合があります。
- Facebook のクローラー用に正しいヘッダーを返す設定を行うことが重要です。
3. 他の Open Graph タグの確認
最低限、以下は <head> 内に入れてください。
<meta property="og:title" content="ページのタイトル" />
<meta property="og:description" content="ページの説明文" />
<meta property="og:url" content="https://yamamotobiyou.tokyo/" />
<meta property="og:image" content="https://yamamotobiyou.tokyo/画像のURL.jpg" />
<meta property="og:type" content="website" />
<meta property="fb:app_id" content="アプリID" />
まとめ
表示されない原因は fb:app_id の不足 と レスポンスコードが 206 になっていること の2点。HTML に fb:app_id を追加し、サーバー設定を確認して 200 OK を返すようにすれば解決できます。
