【これでできなきゃ諦めろ!】Facebookでアイキャッチ画像を表示させる方法『完全版』

ABOUTこの記事をかいた人

兵庫県加古川市在住の2児の父親です。
・ブログのサポート(月額会員制スポット
・某コミュニティの技術サポート
オルゴナイトのネットショップ店長
アクセスバーズ™️プラクティショナー

最近は、ダークファンタジーもののマンガやアニメが好きすぎて困ってますw

どうも、がみたかです。

がんばって書いたブログをFacebookでシェアしようとした時に記事のURLを記入するのですが

  • 「アイキャッチ画像が表示されない」
  • 「最近はブログカードも表示されない」

なんて悩みをよく目にします。

モフモフさん
アイキャッチで悩んでる投稿は良く見るモフねw

 

Facebookは常にアップデートをしているので、いつまで使えるかわかりませんが、アイキャッチ画像を確実に表示させる方法として、僕の場合以下の方法を使っています。

  • WordPress側の設定を確認する。
  • 公開後、時間をあける。
  • URLの貼り直し。(投稿しなおす)
  • シェアデバッガーで10連ガチャ。

どれも簡単なので「アイキャッチ画像が表示されない」とお悩みの方は、これらの方法を試してみると良いでしょう^^

 

 

Facebookでアイキャッチ画像を確実に表示させる方法

Facebookでシェアした時にアイキャッチが上手く表示されない時は、これらの項目を一つづつやってみてください。

ただし、環境によっては上手く表示されない場合があります。

 

その1:Wordpress側の設定を確認する

まずは、これらの設定ができているか確認します。

 

・アイキャッチ画像を「最適なサイズ」で作成する。

Facebookでの表示に最適なサイズは「幅728px」 × 「高さ381px」です。

 

・記事に設定する。

投稿画面のこの部分から画像を選んで設定します。

 

・All In One SEOの「ソーシャルメディア」の設定を確認。

1.「機能管理」で「ソーシャルメディア」がActive(画像が青色)になっているか確認する。

 

2.「ソーシャルメディア」の画像設定にある「OG:Imageソースの選択」を「Featured Image」にする。

 

3.Facebook設定の「Enable Facebook Meta for Post Types」にある「投稿」と「固定ページ」にチェックを入れる。

※テーマによっては「ランディングページ」にもチェックをいれる。

 

がみたか
これでFacebookでシェアした時にアイキャッチ画像も出てくれる…はずです。
偉大な冒険家
Wordpressは環境に左右されるから、「こうだ!」って言い切れないところがもどかしいなw

 

その2:公開後、時間を開けてFacebookでシェアする

これはたまたま発見したのですが、記事の公開後すぐにシェアせず、1〜2時間後ぐらいにシェアするとアイキャッチ画像が表示されました。

とはいえ忙しいなかブログを書いて、Facebookでシェアしたりしているので、そんなに待ってられないのが本音でしょう(^_^;)

時間がある方や、シェアする時間にこだわりたい人には有効かと思われます

偉大な冒険家
ただし、仕様がコロコロ変わるから表示されるか保証できんけどな。

 

その3:Facebookの投稿をやりなおす(URLの貼り直し)

これは、一度URLを貼ってみて反応がなければ貼り直すという、シンプルな方法です。

 

1.ブログ側でアイキャッチの設定をする。

これは当たり前のことですが、ブログの方でアイキャッチを設定しない限り表示されませんw

表示されても雪だるまのシルエットみたいなやつです(^_^;)

 

2.Facebookの投稿欄に文章とURLを書く

まずは投稿欄に文章とURLを記入

まずは投稿欄に文章とURLを記入

サンプルとしてFacebookページで解説しています<(_ _*)>

URLを記入するだけではアイキャッチ画像が表示されませんが、気にせずに全文書き込みます。

「公開」はまだ押しちゃあだめですよ^^

 

3.全文コピーし、ページを切り替える

2

記入した全文をコピーし、「Facebook」という場所をクリックしてページを切り替えます。

3

ダイアログが出るので、ページを移動して再読み込みをします。

 

4.投稿欄にペースト(貼り付け)する

4

次は「タイトルと抜粋」がでてきました^^

もう一度「Facebookページ」をクリックして、再びページを移動します。

5

もちろん「移動する」でページを移動します。

 

5.再び貼り付け

7

もう一回貼り付けすると、今度はアイキャッチ画像も出て来ました!

これで公開すると、アイキャッチが表示された状態でブログをシェアすることができます^^

 

その4:シェアデバッガーで10連ガチャ

Facebookデベロッパーツールの「シェアデバッガー」を使うことで、Facebookでシェアした時の様子を確認することができます。

 

1.プラグインの「All In One SEO」が入っている場合は、「ソーシャル設定」のタブを開きます。

 

2.「この投稿をデバッグ」をクリック。

プラグインを入れていない人はこちらからデバッガーにアクセスできます。

Facebookシェアデバッガー

 

3.シェアする予定の記事URLを貼り付け、「デバッグ」をクリック。

 

4.初めての場合、このような表示が出るので「新しい情報を取得」をクリック。

 

5.アイキャッチ画像が出ていなければ「もう一度スクレイピング」をクリック。

 

6.アイキャッチが表示されるとOKですが、もし表示されなければ表示されるまでスクレイピングしてください。

偉大な冒険家
「10連ガチャ」の勢いでやってたらそのうち出てくるので、諦めずに回すべし!

 

7.URLを貼るとアイキャッチとブログの情報が出ます。

 

まとめ:アイキャッチ画像の表示

コロコロと仕様が代わり、その度地味にイライラするFacebook。

アイキャッチ画像の表示もその1つですが、確実に表示させるには

  • 推奨サイズに合わせること。
  • 諦めずに何度も回す(貼り直す)こと。

デバッガーは「表示されるまで回すこと」が基本なので、1,2回まわしただけであきらめるのは甘いです。

ガチャのように課金する必要もないので、何度も回すと必ず出てくるのでそこは頑張って回し続けましょうw

 

では今回はこの辺で、また次の記事でお会いしましょう!

 

ブログ運営者のためのサポート保険!

ブログのトラブルや困ったことに時間を取られて

自分のやるべきことが出来ていない人のためサービスです!

 

アクセスバーズ™️を詳しく知りたい?

アクセスバーズ™️を、わかりやすく解説したメルマガ講座やってます。

登録していただいた特典として、

アクセスバーズ™️のセッションを特別価格で受けていただけます^^

 

アクセスバーズ™️を受けてみませんか?

「脳のデトックス」で、頭の中をクリアに!

アクセスバーズ™️セッションのお申し込みはこちらまで^^

Facebookアイキャッチテンプレ02

 

この記事が気に入ったら
いいね!をお願いします。

Twitter で

記事が気に入ったらシェアをお願いします^^