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制作

    幼稚園児でもできるワードプレスのインストール方法

    さて、ドメインを取得してサーバーまでレンタルできたユーザーを対象にこの…

  2. WEB制作

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

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

  3. WEB制作

    宇宙一のSEOキング

    宇宙一のSEOキング情弱の方をダマしてお金儲けしている…

  4. ある日突然 WordPress(wp-login.php)にログインしようとしたら 404 not found が表示されてログインできない時の解決方法

    WEB制作

    ある日突然 WordPress(wp-login.php)にログインしようとしたら 404 not …

    このページへアクセスしている人の大半は冷や汗をかいているところ…

  5. GENKINGがGoogleはSEOがどうのこうの言ってInstagramクルー!とか言ってるが


最近の記事

  1. WordPress
  2. 湘南らあめん 頂(いただき)
  3. 2017年7月1日から香寺町のテニスコートや野球場、スポーツジム等の料金が上がる!
  4. カツ丼の看板がやたら目を引いたので入ってみた!姫路のカツ丼屋さん「カツ善」
  5. ヤフーショッピング出店手数料
  1. 姫路は大盛りピラフの聖地である!ピラフ好きはムッシュへ

    食レポ

    姫路は大盛りピラフの聖地である!ピラフ好きはムッシュへ
  2. 神戸元町で本格中華?おすすめは群愛飯店

    食レポ

    神戸元町で本格中華?おすすめは群愛飯店
  3. 湘南らあめん 頂(いただき)

    食レポ

    姫路駅から姫路城の間ぐらいにあるラーメン屋「湘南らあめん 頂(いただき)」
  4. ザ・田舎暮らし!海士町移住体験記〜その6〜海士町観光とビアガーデン

    日記

    ザ・田舎暮らし!海士町移住体験記〜その6〜海士町観光とビアガーデン
  5. 三宮でゆっくりコーヒー飲むなら隠れ家的に使えるカフェPocket(ポケット)へ

    食レポ

    三宮でゆっくりコーヒー飲むなら隠れ家的に使えるカフェPocket(ポケット)へ
PAGE TOP