ヤマタケのWebサイト運営論~戦略・仮説検証・情報収集・Webで言えないこと

月間39万PVのブログを運営中の管理人が、どうすればアクセスアップするか考え、そのための情報収集方法を探し、さらにWebでは言えない意見・主張を吐露するブログ

Facebookにブログ記事を埋め込み時に、アイキャッチ画像が表示されない時の対処方法・解決策

Sponsored Links

Sponsored Links

ブログ記事を公開した後、Facebookページなどに連携すると、Facebookページにブログ記事を埋め込んだ投稿が可能です。この時、OGP設定した画像やアイキャッチ画像が表示されますが、設定していない画像が表示されるケースがあります。その場合の対処方法・解決策を紹介します。

WebサイトでFacebookページを活用

私が運営しているWebサイトでは、SNS活用として、Facebookページを利用しています。Facebookユーザーにもタッチポイントを作れるように、記事を掲載した際に、Facebookページに記事の埋め込みリンクを自動投稿するように、自動運用しています。その他のSNSツイッターやインスタグラムは、手動で記事紹介を投稿しているため、速報性はFacebookページが一番です。

Facebookページに自動投稿すると、

  1. 記事タイトル
  2. 導入部リード文
  3. 埋め込みリンク

が投稿されます。埋め込みリンクには、記事タイトルやアイキャッチ画像が表示されます。アイキャッチ画像は、画像だけで記事の内容が分かるよう文字も挿入しています。そのため、投稿を見たユーザは、画像に目を惹かれ、興味が湧いたら、リンクを押してWebページの記事を読んでくれます。流入元のSNSのなかでは、Twitterには及びませんが、それでも毎日Facebookから一定数の流入があります

 

アイキャッチ画像が表示されないケースが

ただ、時折、Facebookの埋め込みリンクにアイキャッチ画像がうまく表示されないケースが発生します。この時は、以下のようなケースがありました。

  • 画像自体が一切表示されない
  • 別の記事のアイキャッチ画像が表示されてしまう

今回、イベントのお知らせ記事に、注意喚起の別記事のアイキャッチ画像が表示されてしまい、大きな間違いでした。さらに、自動投稿のため、確認が漏れていて、気づくのに時間がかかってしまいました。

 

埋め込みリンク画像表示の不具合の対応方法

こんな時はどのように対応すればよいのか、Facebookページの投稿をやり直さなくても対応する方法があります。どうすれば正しい画像が表示されるのか、解決方法を紹介します。

なお、対処方法はスマホアプリ上では実行できません。対処方法を実施するためには、以下の2方法あります。

スマホのブラウザの場合、表示がスマホ形式になることが多いため、パソコンから作業するのがオススメです。

Facebookページに投稿すると以下のように表示されます。

f:id:tyamamototry:20180227002602j:plain

通常だと、この右上のメニュー「・・・」から修正できると思いますが、できません。まず、以下の図のように、時間部分をクリックするします。

f:id:tyamamototry:20180227002448j:plain

時間をクリックすると、同じような形で投稿が表示されます。

f:id:tyamamototry:20180227003902j:plain

次は「・・・」メニューをクリックすると、いくつかの項目が表示されるため、「シェアした添付ファイルを更新」を選択します。

f:id:tyamamototry:20180227003943j:plain

 

すると、埋め込み内容が更新され、アイキャッチ画像が表示されていない場合や、適切な画像が表示されていない場合に、表示画像が更新され、設定した画像が正しく表示されます。正しい画像が表示されている場合は、「保存する」ボタンを選択すれば、投稿の画像が正しい表示に反映されます。

 

 

終わりに

今回、FacebookページにWordpressの記事の埋め込みリンクを投稿した際に、アイキャッチ画像が上手く表示されなかったり、異なる画像が表示されている場合の対処方法を紹介しました。投稿の画像がおかしい場合は、

  1. パソコンから投稿の時間をクリック
  2. 投稿右上のメニューをクリック
  3. 「シェアした添付ファイルを更新」を選択
  4. 表示画像を確認し、「保存する」ボタンをクリック

4Stepで対応できます。ぜひ、困ったときは試してみて下さい。