Facebookにブログのリンクを貼るときogimageプレビューが表示されないときの対処法

2019-02-24   

@title@

FacebookにブログのURLなどを貼り付けるとき、以前はプレビュー画像(og:image画像)がすぐに表示されていました。

が、去年の秋くらいからプレビューが表示されないことが多くなりました。どうやら、そのURLに対して一発目のフェイスブックの書き込みタイミングではフェイスブック側が一度も該当サーバーにアクセス(スクレイピング)してないからのようです。

facebookデバッガーで調べるとわかります。

@title@

自分も含め誰もそのURLを一度もシェアしてないと

このURLはまだFacebookでシェアされていません

と表示されます。この状態だと画像プレビューが表示されない仕様に変わったよです。仕様変更以前は、facebookの書き込み欄にURLを入れたタイミングでスクレイピングしてたけど、今はそれが無くなった模様。

フェイスブックにOGPイメージが表示されないときの一時的な解決方法

1.facebookデバッガーをひらく

2.@title@

デバッガーにURLを入れる

3.「新しい情報を取得」ボタンをクリック

これでフェイスブック側のサーバーにog:imageの画像が取得され、フェイスブックの投稿時に画像がすぐに表示されます。

フェイスブックにOGPイメージを一発で表示させる"og:image:widthとog:image:heightタグ

毎回手作業でデバッガー開くのも面倒なので、恒久的に一発で画像を表示させるにはog:image:widthとog:image:heightタグをヘッダに入れると解決します。

@title@

上図の赤字の部分です。あ、このブログ、HTMLタグを書けないんで画像ですいませんw

og:imageで指定されている画像の横幅をog:image:widthで、高さをog:image:heightでピクセル指定するとフェイスブックの書き込み画面で一発で画像が表示されます。

og:image:widthとog:image:heightを自動で指定するにはPHPのgetimagesizeを使います。

$imagesize = getimagesize(調べたい画像のURL);

で$imagesize配列の0に幅、1に高さが帰ってくるので

↓以下の感じで自動化できます。たびたびですがHTMLタグを書けないんで画像ですいませんw

@title@

カテゴリ:PC・スマホ・WEBネタ

UNITORO以外の最近の投稿

N/A

twitter

Recent entries

aKOwVV0Q9JuaqwJY.jpg

初バスきたーーっ

PqxWj2pDkR8ma1Vh.jpg

桧原湖なう

@title@

2018年JBエリート5観てるけど福島健くんの集中力みてトーナメントプロの凄さを実感

@title@

REDPEPPERSステッカー貼ってくれた皆さんのご紹介:その1

@title@

ツィッターのRTキャンペーンの落とし穴!「リツィートは100件までしか表示されない」2019版RTをすべて見る方法

@title@

Erupt Fishingの簡単ガイド糸通し機RTDを買ってみた

@title@

REDPEPPERSステッカー届いた方へお願い!

@title@

Adobe Dreamweaver CC 2017で文字コードが誤認されるときの裏技

tklZWpqZpzKVynfN.jpg

ステッカー届いた

@title@

頭文字D聖地巡礼シリーズ茨城編

@title@

バレンタインプレゼント他

@title@

2019年版REDPEPPERSステッカープレゼント(無料!)ー>終了しました。

@title@

船舶免許持ってる方!更新時期に注意しましょう

@title@

真冬の寒さに負けない布団乾燥機という安眠ソリューション

@title@

外車をレンタルしてみよう!

@title@

メルセデス・ベンツCクラスカブリオレに乗ってみた

@title@

沖縄旅行ネタ:Day3 伊計島へドライブ&首里城、そして帰宅

@title@

沖縄旅行ネタ:Day2 恩納村から美ら海水族館~最北端までドライブ

@title@

沖縄旅行ネタ:Day1羽田~那覇市内~南部の海~チェックイン

s4IF9OIeIvAq3Bbk.jpg

沖縄3日目最終日

tnvqWHfoc9XMrtUe.jpg

沖縄Day2

RwbWW5eX0gCGjrjl.jpg

沖縄day1

8Oeb3usuFBLjLQKs.jpg

船津なう

@title@

12月の携帯代金が16,000円で死亡

@title@

庶民が銀座で高級しゃぶしゃぶを食べてきた結果・・

@title@

お腹壊したらプリンターが壊れた・・

@title@

FLTトランザムのコピー品を買ってみた・他、小ネタ

ネコがドアを開ける問題、ドライバー1本で解決!

日記:足元ヒーターが想像以上に良かった&パソコン新調その後

厚木PAで追突されそうになった怖っ!

Category

Popular entries 2018

Popular entries 2017

Popular entries 2016