【解決?】Facebookで画像サムネイルが表示されないバグが発生中|OGP設定もデバッガーも無効

サムネイルが表示されない

FacebookでURLをシェアする際に、サムネイルが表示されないバグが発生しているようです。

どうやらこれは全世界的なもので、Facebookの修正を待つしかなさそう。散々出来る限りのことを試したんですが、駄目でした。(3時間は費やした・・)

Facebookサムネイル問題、解決に向かっているよう

追記:こちらの問題、Facebookが対応し解決に向かっているようです!

しっかりとサムネイルが表示されました!

しっかりとサムネイルが表示されました!

嬉しい!安堵!

Facebookでページをシェアする時、サムネイルが表示されないことってよくあるので、以下執筆した通りめちゃくちゃ対応したのですが、結局バグでしたね。

たまにどうしようも無い時がありますが、そんな時だけはFacebook側の不具合を疑っても良いのかもしれません。

@facebookで「直して!」と公式アカウントに懇願する方も多かったです(めちゃくちゃ共感)。

Facebookのサムネイルが表示されない状態

どういう状態かというと、以下のようなイメージ。

サムネイルが表示されない

Facebookのサムネイルが表示されない。本来はタイトルなどの横に画像サムネイルが表示される

すごいわかりやすいように、Youtubeのリンクを張りましたが、他の通常のWebサイトでも同様の状態となります。

これは、

  • WordPressなどのWebサイト
  • アメブロなどの無料ブログ
  • Youtubeなどの動画サイト

全てがこのバグの影響を受けるようです。

期待される解決策

考えられる解決策を実行してみました。

OGPデバッガー

一番よくあるのが、Facebookシェアデバッガーです。

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

が、こちらも駄目。

デバッガーも駄目

デバッガーも駄目

「もう一度スクレイピング」を実行しても駄目でした。

いつもはコレで解決する

いつもはコレで解決する

画像をとことん変える

サムネイル画像のファイル名を変更したり、pngからjpgにしたり、画像の圧縮をやめたり、全て試してみました。

が、こちらも駄目でした。くそう。

OGPタグの改善

Facebookサムネイルがちゃんと表示されない際は、OGPタグの設定に問題があることがあります。

例えば、「og:image:width」や「og:image:height」が設定されているとうまくいくなどの話もあります。

<meta property="og:image:width" content="640" /> 
<meta property="og:image:height" content="442" />

 

上記も動的にサイズ変更されるように設定したが、駄目でした。ショック。

短縮URLを試す

bitly.comなどの短縮URLを経由すると解決する可能性があるという話もあります。

が、こちらも駄目でした。

「&feature=related」を付与する

特に動画サイトの場合、&feature=relatedをURL末端に付与すると治る可能性があるという話もあります。

が、こちらも駄目でした。

公式シェアURLを利用する

Youtubeや何かサービスを利用した上での投稿なら、公式シェアURLが存在します。

youtubeなら、「共有」からシェアURLを取得可能

youtubeなら、「共有」からシェアURLを取得可能

が、こちらも駄目でした。

Facebookサムネイルが表示されるようになる修正を待つしかない

現状、Facebook側の修正を待つしかないようです。

結構困っている人は全世界共通でいるようなのですね。

https://twitter.com/maho_kobetarumi/status/1086104115069956096

実に困る!

このバグが治るまではシェアはしない方がCTRも下がらず無難かもしれません。続報あれば追ってお伝えします。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です