【WordPress】facebookでシェアの時サムネイル画像が表示しない原因と対策

【WordPress】facebookでシェアの時サムネイル画像が表示しない原因と対策

最近、WordPress(ワードプレス)で書いた記事をfacebook(フェイスブック)にシェアするときに、再びサムネイル(アイキャッチ画像)が表示されなくなってしまいました。

対策はしてあったのですが、おそらくfacebook側の仕様が変わったのだと思います。

それは、「エラー」ではなく「仕様」だというのがfacebookのヘルプにありました↓↓↓

【WordPress】facebookでシェアの時サムネイル画像が表示しない原因と対策

参考:https://developers.facebook.com/docs/sharing/best-practices/#precaching

コンテンツが初めてシェアされる際、Facebookクローラーがシェア対象のURLからメ タデータをスクレイピングし、キャッシュします。クローラーは、画像を少なくとも1回確認してからでなければ、レンダリングできません。つまり、コンテン ツを最初にシェアする人は、表示される画像を確認できません。

要は、「2回目から表示です」と言うことなので、ページの更新を一度してみてからシェアするとサムネイルはちゃんと表示できました。

対策として、facebookデバッガーとサイズタグを使う方法の2つがあります↓↓↓

1.シェアデバッガーを使用して画像をプリキャッシュする

URLデバッガーでURLを実行し、ページのメタデータを事前に取得します。この操作は、一部のコンテンツの画像を更新した場合も行ってください。

2.og:image:widthおよびog:image:height Open Graphタグを使用する

これらのタグを使用して、クローラーに対して画像サイズを指定します。これにより、クローラーは非同期的にダウンロードして処理することなく、すぐに画像をレンダリングします。

・・・が、デバッガーを毎回やるのは対策前と同じなので、サイズタグを使用した対策を行います。

All in One SEO」プラグインの「ソーシャルメディア」から、「画像の設定」の「デフォルトの画像幅」と「デフォルトの画像高さ」をよく使うサムネイルのサイズにします↓↓↓

【WordPress】facebookでシェアの時サムネイル画像が表示しない原因と対策

ここは任意で変更して下さい。

これで「og:image:width」「og:image:height」の設定ができるのですが、これでも表示が上手くいきません。

WP Facebook Open Graph protocol」というプラグインもあるのですが↓↓↓

【WordPress】facebookでシェアの時サムネイル画像が表示しない原因と対策

参考:https://wordpress.org/plugins/wp-facebook-open-graph-protocol/

これでも上手くいかないので、プラグインの更新を待つか他の対策を考える必要があります。

今のところ最善の方法としては、「一度シェアボックスを表示させる(ページを更新する)」のようです。

参考までに。

Byさちお

この後に読まれている記事は?

【WordPress】altに自動で記事タイトルを上書き表示するプラグイン... 画像のaltタグ(代替テキスト)が空のときに自動で『記事タイトル』を表示してくれるプラグイン『Media Library Alt Fields』を紹介しましたが、altタグ(代替テキスト)に既にファイル名などが入ってしまっている場合も「上書きしたい」という場合は、『SEO Optimized Ima...
【wordpress】放置しているアメブロは引っ越しした方が良い理由と方法... ブログを書くのを辞めたり、他のブログサービスやWoroPressを使い始めたりで、過去に書いた記事をアメブロ等に放置している人は、過去記事を丸ごとWordPressに移動した方が良いかもしれません。 今まで頑張って書いた記事は『思い出』であり『財産』です。 ブログを長く放置していると、不...
【WordPress】画像のaltタグの状態をチェック&編集できるプラグイン... SEO対策において、画像ファイル(メディア)のalt(代替テキスト)の記入をしていないと、その画像は『無意味な画像』として判断されるので忘れずに記入するようにしましょう。 WoedPress(ワードプレス)で、過去にアップロードした画像のalt(代替テキスト)の状態をチェックできるプラグインが...
【WordPress】記事内に5段階の星評価を挿入するプラグイン... WordPress(ワードプレス)で作ったWEBサイト(ブログ)でレビュー記事を書く時に、食べログやAmazonのように星で点数を表記したい時は「Shortcode Star Rating」というプラグインを使うと便利です↓↓↓ 参考:Shortcode Star Rating 記事内に...
【WordPress】管理画面でページ別のアクセス数がわかるプラグイン... WordPress(ワードプレス)のアクセス解析プラグインで、ダッシュボードにアクセス数を表示してくれる『Google Analytics Dashboard for WP』が便利ですが、ページ別のアクセス数を確認するなら『WP-PostViews』のほうが少し便利です。 『Google An...