Facebookにブログをシェアしたら 画像がおかしいときに直すポイント3つ

Facebookにブログをシェアしたら画像がおかしいときに直すポイント3つ

頂いたご質問にお答えしますね^^

ブログを書いたら、いろんな方に
見ていただくために
Facebookでシェアしましょう♪

方法は簡単!

Facebookの投稿画面に、
ブログのアドレスをはりつけるだけです^^

アドレスを貼り付けると…

 

 

画像がうまく表示された例

Facebook投稿の様子

 

 

しかし、なぜか

「画像がうまく出てこない」事が良くあります。

 

こんな画面になることはありませんか?

 

画像が出てこない例

画像が出てこない例

これはカッコ悪いですね(笑)

テーマや設定によっては
ブログのタイトル画像が出たり、
ブログに使った画像が出たりします。

その改善方法をご案内しますね^^

 

方法1 アイキャッチ画像を設定してみる

そもそも、

じゃあどの画像を表示させたいの?

ということを決めていないのかも

 

ブログを投稿する時、

画面の右下に「アイキャッチ画像」
というのを登録する画面があります。

アイキャッチ画像

ここに用意した画像を
登録しておきます。

 

 

アイキャッチ画像サンプル

ちょっと猫でも入れておきます。

これでブログを更新してから…

Facebookにシェアしてみると、どうでしょうか?

画像が出てこない例

 

まだ出てこない。。。

 

アイキャッチ画像を設定したのに
まだ画像が出てこない場合には

プラグインの設定を見ていきましょう^^

 

方法2 SNS用のプラグインを設定してみる

プラグイン All in one SEO Packを使います。

All In One SEO プラグイン

プラグインの入れ方が分からない場合、
こちらの記事を参考にしてくださいね^^
 ↓ ↓ ↓
プラグインのインストールの仕方

 

このAll in one SEO Packには
「ソーシャルメディア」という
SNS用の設定があります。

初期状態では無効になっているので
初めて使う方は、有効にしておいてくださいね。

 

「ソーシャルメディア設定」を有効にする方法

All in one SEO  から
機能管理 を開きます。

機能管理画面

 

すると、たくさんのボタンが出てきます。

「ソーシャルメディア」を探してください。

追加機能画面

 

ソーシャルメディアの
「Activate」ボタンを押します。

アクティベートボタン

 

すると、All in one SEOメニュ―の中に
「ソーシャルメディア」という項目が増えます♪

ソーシャルメディア

これでOKです^^

 

メニューが出てきたら、
早速設定を確認しましょう。

 

「ソーシャルメディア設定」の変更の仕方

ソーシャルメディア設定を開くと…

英語で書かれていて、
説明もあまりない分かりにくい画面が出ます。。

 

ソーシャルメディアの画面

ソーシャルメディア設定

 

 

ここの2段目の、画像設定をご覧ください。

イメージ設定

ここが「Default image」になっていると
例のグレーの人形が出るようなので

userunknown

こいつ。

 

ここを、「Featured image」に変えます。

アイキャッチ画像に設定する画面

直訳すると「注目の画像」ですが
これで登録した
アイキャッチ画像が表示されるようになりますよ。

 

「Facebook用の設定」を確認する

この、ソーシャルメディア設定には
Facebook用の設定画面もあります。

画面をゆっくり下の方に進めてみて下さい。

「Facebook設定」という項目が出てきます。

 ↓ ↓

Facebook設定

 

中に、英語だらけの項目があります。
Facebook設定

 

投稿のタイプ…「投稿」「固定ページ」などによって
設定を使うかどうか選べる画面です。

「投稿」「固定ページ」
チェックを入れておいてくださいね^^

 

設定ができたら、
画面の一番下にある、「設定を更新」を押して
設定を保存してください。

設定を更新

 

これで設定は完了です^^

 

これでもまだあいつが出る場合は…

userunknown

あいつ

 

Facebookが読み込んだ情報を更新しましょう。

 

理由3 Facebookが勘違いしている

このように、

上手く画像が表示されない場合、
いろいろ設定を変えたり、
投稿し直したりしますよね。

 

そうすると

こちらの設定が正しくできても
Facebookは、設定を直す前の状態を
覚えていることがあります。

 

そんな場合は
…時間がたてば改善するのですが

Facebookは投稿して時間がたつと
埋もれていってしまうので
待っていられませんよね(^^;)

ここはFacebookに乗り込んで
情報を更新してもらいましょう^^

こちらがFacebookの情報更新ページです。

「シェアデバッガー」といいます。
https://developers.facebook.com/tools/debug/sharing/

 

ここに、更新したいブログのアドレスを入れます

デバッガー画面

 

右端の「デバッグ」ボタンを押します。

デバッグボタン

 

 

すると、画像のプレビュー画面が出ます。

プレビュー画面

 

ここに出てくる画像が
「今Facebookが認識している画像」です。

これが違う場合、
「もう一度スクレイピング」
というボタンを押して、更新します。

スクレイピング画面

 

 

すると…

スクレイピング後

画像が反映されました!!!

 

この画面で画像がちゃんと表示されれば
シェアした時の画像も変わります^^

 

画像がうまく出ないときは
この3つの設定を確認してみてくださいね!

 

以上、Facebookにブログをシェアする時の
画像がうまく出ないときの対策でした^^

 

 

村重 敦子

「猫でもわかる!」くらい簡単にわかりやすく、WordPressの使い方をサポートする、WordPressソムリエです。デザインを学んだ後、なぜかレストランでワインサービスに従事。絵も描けるワインソムリエでした。その後大手通信会社に勤めIT・Webの各種サポートを経験。ソムリエもWebも常に「専門知識をお客様に合わせてわかりやすくご提案し、期待以上のサービスをする」ことをモットーとしています。テクニカルサポートの経験は、通算1,100人以上。現在はWebデザイン・ディレクターをしながら、ブログ集客をしたい方へWordPressの制作、使い方のレクチャーなどを行っています。

Pocket