- 締切済み
WordPressでFaceBookのOGP画像
【背景】 WordPressでホームページを作成しました。 FaceBookのアイコンを付けて、FaceBookに投稿できるようにしたのですが、下記のOGPの画像が意図通り表示されません。(本来はアイキャッチ画像に設定したIMG_2372.JPG-1.jpeg」を表示させたい) ホームページの該当投稿画面 http://airystudio.net/2016/05/01/2016-4-29-fri-%E3%80%8C%E6%B1%A0%E8%A2%8B%E5%95%86%E4%BA%BA%E3%81%BE%E3%81%A4%E3%82%8A%E3%80%8D%EF%BC%A0%E4%B8%AD%E6%B1%A0%E8%A2%8B%E5%85%AC%E5%9C%92/ 【自分で調査・実施してみたこと】 下記のFacebookデバックページで確認してみると「og:image」には複数の写真が表示されていました。また「The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.」というエラーが表示されてしまいます。 FaceBookデバックページ https://developers.facebook.com/tools/debug/og/object/ エラー表示よりソースコードに何か不備があるのかと思い、該当のページのソースを見てみましたが「og:image」というタグの記述はありませんでした。 FaceBookのキャッシュクリア、Postでのキャッシュクリアは実施済みですが解決しておりません。 【使用環境】 テーマStinger7 プラグイン All in On SEO(OGP画像にアイキャッチ画像がくるように設定済み) JetPack 【質問】 1.本来ソースコードのメタタグの中に「og:image」の記述があるべきだと思われますが、なくてもよいのでしょうか。もしくは、表記が異なるだけで、ソースコード内に表示されていますでしょうか。 2. 1で「og:image」の記述がなくてもよい場合はFaceBook側は何をもとにOGP画像を設定しますでしょうか?(OGP画像の仕組みを知りたいです) 3.上記以外の原因で、OGP画像をアイキャッチ画像と同じ写真に設定できる方法はありますでしょうか? どうぞよろしくお願いいたします。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- hogusyaki
- ベストアンサー率34% (26/76)
>1.本来ソースコードのメタタグの中に「og:image」の記述があるべきだと思われますが、なくてもよいのでしょうか。もしくは、表記が異なるだけで、ソースコード内に表示されていますでしょうか。 特定の画像を、Facebookで投稿される際の画像にしたい場合は、「og:image」を記述する必要があると思います。現状、該当のページに「og:image」の記述はなさそうです・・・。 >2. 1で「og:image」の記述がなくてもよい場合はFaceBook側は何をもとにOGP画像を設定しますでしょうか?(OGP画像の仕組みを知りたいです) おそらくですが、現在複数の写真がデバックページで確認できるように、ページ内の画像(おそらくはimgタグ)をFacebook側で自動的に抽出して、候補として設定しているのだと思います。 >3.上記以外の原因で、OGP画像をアイキャッチ画像と同じ写真に設定できる方法はありますでしょうか? おそらく「og:image」を明示的に指定しない限りは、同じ写真に設定できないのでは・・・と思います。
お礼
お礼が遅くなって申し訳ありません。ご回答ありがとうございました。 意図した写真を設定できないのはやっかいですね。「og:image」を明示的に記載したいと思います。ただ、更新者は妻なんですよね。できるかな~。