質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

Q&A

1回答

1997閲覧

wordpressページをfacebookでシェアするとアイキャッチが正しく表示されない

zolmack

総合スコア8

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

0グッド

0クリップ

投稿2016/01/09 11:35

Facebookでwordpressのページをシェアしようとすると、アイキャッチ以外の画像がサムネイルとして表示されます。

Facebook Debuggerを使ったところ、この様なメッセージが出てきました。

fb:app_id hasn't been included in the meta tags. 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. Otherwise, the default app id( XXX ) will be assigned.

日本語訳:
fb:app_idがメタタグに含まれていません。app IDを特定すれば、facebookでシェアされた記事は適切に紐づけされます。もしくは、シェアダイアローグを開く時にappIDをURLに含めることもできます。これらをしなければ、デフォルトのapp id(XXX)が使用されます。

現状、All in one seo packを使用しており、Select OG:Image Sourceはアイキャッチに設定してあります。

どのように対処すべきか、教えて頂けますと幸いです。
よろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

Debuggerのエラーは関係ないと思われます。

og:imageには絶対URLを指定しているか、指定した画像のサイズが小さすぎないか、をまず確認してみてください。

投稿2016/01/09 11:46

編集2016/01/09 11:48
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

zolmack

2016/01/09 11:57

すみませんが、「og:imageには絶対URLを指定しているか」とはどうしたら確認できるのでしょうか? 画像のサイズは、アイキャッチに使っているのは640pxのものですので、問題ないと思います。
退会済みユーザー

退会済みユーザー

2016/01/09 12:24

ソースを見るのが確実です。 該当ページのソースを「og:image」で検索し、「<meta property="og:image" content="」に続く部分が「http://」から始まっているかを確認してください。 同時に念のため、そのURLにアクセスして指定した通り640pxの画像が表示されることを確認してください。 きちんと表示されれば、別の問題でしょう。
zolmack

2016/01/09 16:26

ありがとうございます。http://で始まっていますし、640pxの画像が表示されました。 http://affiliate150.com/wordpress-ogp この記事にあるやり方を試してみたのですが、facebook Debuggerからは、「メタタグがヘッドでなくボディーに入っている。htmlの記載ミスがないか確認しろ」という表示もでるようになりました。 もしお分かりでしたらご指導頂けますと幸いです。 よろしくお願い致します。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問