WEB制作

WordPress投稿をFacebookでシェアする時の画像がおかしい時はこれで解決!

人気のおすすめ記事

  1. 「ないものはない」海士町で移住体験してきたけど・・・
  2. 神戸三宮。1人でフラッと軽くワイン飲みたい時にはBinoBinoしかない
  3. 動物とふれあい放題の神戸どうぶつ王国を徹底解剖!子どもが喜ぶスポット間違いなし

WordPress投稿をFacebookでシェアする時の画像がおかしい時はこれで解決!

Facebookでシェアする時に意図しない変な画像で表示される

TwitterやGoogle+でのシェアでは普通に表示されている画像ですが、なぜかFacebookでシェアする時だけ意図しない画像が表示されることがあります。
これはOGP(Open Graph protocol)設定がおかしいからです。

難しい話は抜きにして、どうすれば意図した画像を表示させることができるのか。

この投稿の場合であれば涼しげなアザラシの写真が表示されて欲しい。

↑↑↑ここまで執筆した段階で「公開」を押して、その投稿をFacebookでシェアしてみます。

Facebookでシェアした結果、

WordPress投稿をFacebookでシェアする時の画像がおかしい時はこれで解決!

こういう無機質な感じになってしまいました。。。画像すらなし。
でもこれよくあることです。

Google+でシェアすると、

アザラシ

ちゃんと表示されております。

FacebookのOGPはかなりクセがあります。
これを一発でキレイに表示させるにはちょっとした工夫も必要となってきます。

Facebookでシェアするのであれば先に画像を指定してしまおう!

WordPressでWEBサイトを構築していればほとんどの場合「All in One SEO」というプラグインをインストールしているはずです。

投稿画面に表示されていると思うのでこのように設定してください。

WordPress投稿をFacebookでシェアする時の画像がおかしい時はこれで解決!

Social設定から任意の画像を選択します。そして更新ボタン。
しかし、ブログ執筆中ではこの任意の画像が表示されておりません。なので一度「下書き保存」しましょう。するとこの画像が表示されるようになります。

最悪の場合はデバッグして一度スクラップ

いろいろ試してもどうしようもない時もあります。何度でも言います。Facebookはかなりクセがあります。すぐに仕様変更があったり。。。
困った時は次のようにしてみてください。

https://developers.facebook.com/tools/debug/

ここにアクセスして、

WordPress投稿をFacebookでシェアする時の画像がおかしい時はこれで解決!

[1]Facebookでシェアした時の画像表示がおかしいページのURLを入力

[2]デバッグをクリック

[3]Scrape Ageinをクリック

以上を試してから再度FacebookをリロードしてからURLを貼っつけてみてください。
ほとんどの場合はこれで解決すると思います。

お役立ち情報をもう1記事読んでみませんか

  1. ビジネスマン必見!初めてカプセルホテルに泊まってみたら・・・
  2. 究極のモフモフ体験はこちらからどうぞ
  3. 土日に役立つ兵庫県内のおすすめ遊びスポット

関連記事

  1. なぜバイラルメディアがゴミなのかがよくわかるように説明しようと思います

    WEB制作

    なぜバイラルメディアがゴミなのかがよくわかるように説明しようと思います

    バイラルとは「ウイルス性の」とかいう意味です。TwitterやFace…

  2. 顧客視点に欠けている経営者に告ぐ!今の時代ホームページは携帯電話と同じで必要経費である

    WEB制作

    顧客視点に欠けている経営者に告ぐ!今の時代ホームページは携帯電話と同じで必要経費である

    携帯電話が必要なようにホームページも必要な時代なのですその昔、…

  3. WEB制作

    尖ったアイテムのみを取扱っている革革命WEBサイトがOPENしました

    革革命というレザーにフォーカスしたWEBサイトを立ち上げました…

  4. ブログで集客

    WEB制作

    ブログで集客できる人にはある共通点がある

    お金をかけずにWEBサイトで集客するにはよくWEBサイ…

  5. WEB制作

    Facebookで友達削除予告する「かまってちゃん」がメンドクサイ

    Facebookでたまに見かけるのが「より繋がりの濃い…

  6. ホームページの上位表示に大きく左右されるかも知れないGoogleモバイルフレンドリーってなに

    WEB制作

    ホームページの上位表示に大きく左右されるかも知れないGoogleモバイルフレンドリーってなに

    たまにはメシネタ以外も発信しておきたいと思います。最近話題にな…



最近の記事

  1. 姫路は美味しいラーメン屋が多い!煮干しが効いてる「六三六らーめん」を食べてきた
  2. 悪い評価は載せません食べログです!☆1つレビュー書いたけど掲載してくれない
  3. GoogleAnalyticsのアップデートで期間が1週間に設定されている!?デフォルト期間の変更方法はこちら
  4. ランサーズがスパム大国になっている!?情弱はスパマーに利用され続けていた
  5. しょうが醤油でいただく「姫路タンメン」で肉タンメンを頼んだらエライことになった
  1. 第60回神戸オフィスフェアに行ってきた!そして貿易センタービル中華料理屋「斗理」のマトンラーメンの感想は

    日記

    第60回神戸オフィスフェアに行ってきた!そして貿易センタービル中華料理屋「斗理」…
  2. バス旅ひょうごスタートから約2週間

    日記

    バス旅ひょうごスタートから約2週間!どうなってる?
  3. 姫路で安くて美味い焼肉が食べたかったら駅からちょっと歩くけどマルフクがおすすめ

    食レポ

    姫路で安くて美味い焼肉が食べたかったら駅からちょっと歩くけどマルフクがおすすめ
  4. 伊川谷の焼鳥屋さん備長扇屋のソフトクリームがヒドイw

    食レポ

    伊川谷の焼鳥屋さん備長扇屋のソフトクリームがヒドイw
  5. マーケティング

    WEB制作

    企業が今後最も強化・注力したいマーケティング施策とは
PAGE TOP