質問: ### 前提・実現したいこと サイトのヘッダーにOGP設定のmetaタグを設定したのですが、facebookでシェアされる画像・タイトル・URLに反映されません。 シェアデバッガーでは下記のエラーが出ています。 どこを修正すれば、指定した設定でシェアできるようになるでしょうか? ### 発生している問題・エラーメッセージ ``` Inferred Property The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags. Inferred Property The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags. Inferred Property The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags. Share App ID Missing The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog. 推測されうプロパティ 値が他のタグから推測される場合でも、og:imageプロパティは明示的に指定してください。 ``` ### 該当のソースコード ``` ```
回答: xhtmlとhtmlのスタイルがごちゃまぜになってることに気づいていますか? そもそもDOCTYPE宣言もない。 html5なのかそれ以前なのかもわからない、ってことでfbのparserが困っているんじゃないでしょうか。 The W3C Markup Validation Service とか使ってまず機械的に解読できる状態かどうか確認するといいと思います。 -- og:url に出ているurlをFacebookのシェアデバッガーにかけて、 ページの下にある「URLからスクレイピングされた情報を見る」のリンクをたどると、 https://developers.facebook.com/tools/debug/echo/?q=http%3A%2F%2Flibrarystrategiesonline.com%2F2017%2F02%2F22%2Farticle01%2F コメント欄で頂いたようなソースとはまるで違うことに気づきますか? もしかしてもまだサイトトップだけ手を入れている状態なのかもしれませんが、 個別記事のヘッダーにogpに則った情報が不足していて エラーを報告しているのだと思います。 もしくは、与えているurlが違うものだとか? Facebook側に通知されたurlのページにogpに則った情報が足りない、 それはテーマの編集ミスなのか、 プラグインの設定ミスなのか、 user-agentやアクセス元ipによって見せるページが違うのか、 と、じっくりどうぞ。