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. WordPressで下位カテゴリー一覧を表示する方法

    WEB制作

    WordPressで下位カテゴリー一覧を表示する方法

    WordPressでサイト作成している時に下位のカテゴリー一覧…

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

    WEB制作

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

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

  3. WordPressなら見積もりフォームも簡単に作れるプラグインがあるよ

    WEB制作

    WordPressなら見積もりフォームも簡単に作れるプラグインがあるよ

    もしかしたらと思って探してみたらやっぱりありました。W…

  4. 管理しているサイトでは前年と比べてもモバイル比率がほぼ変わってなかった

    WEB制作

    管理しているサイトでは前年と比べてもモバイル比率がほぼ変わってなかった

    自分の管理しているWEBサイトの手入れとか解析ってどうしても後手後手に…

  5. 楽天市場の商品検索は非常に使いにくいのでアクセスを増やすには価格設定が大きく影響する

    WEB制作

    楽天市場の商品検索は非常に使いにくいのでアクセスを増やすには価格設定が大きく影響する

    最近はネットで買い物するとなるとまずamazon。2〜3年前までなら楽…

  6. WEB制作

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

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



最近の記事

  1. WordPress
  2. 湘南らあめん 頂(いただき)
  3. 2017年7月1日から香寺町のテニスコートや野球場、スポーツジム等の料金が上がる!
  4. カツ丼の看板がやたら目を引いたので入ってみた!姫路のカツ丼屋さん「カツ善」
  1. WiFiもそれなりに飛んでる三宮のホノルルコーヒーでノマドライフ

    日記

    WiFiもそれなりに飛んでる三宮のホノルルコーヒーでノマドライフ
  2. ブログで集客

    WEB制作

    ブログで集客できる人にはある共通点がある
  3. WEB制作

    尖ったアイテムのみを取扱っている革革命WEBサイトがOPENしました
  4. 垂水区の名谷あじさい公園は夏場でも日陰ができる無料駐車場完備のいい公園です

    日記

    垂水区の名谷あじさい公園は夏場でも日陰ができる無料駐車場完備のいい公園です
  5. フリーランス

    激烈タスク管理アイテム「無印良品短冊形メモ チェックリスト」が好きすぎて便利なカ…
PAGE TOP