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

2019-02-24  

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

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

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

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

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

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

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

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

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

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

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

デバッガーにURLを入れる

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

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

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

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

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

上図の赤字の部分です。あ、このブログ、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

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

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

UNITORO以外の最近の投稿

@title@
Luckycraft フラッシュポインター115

てことで予告どおりラッキークラフトのフラッシュポインター1...

03月19日(火)

@title@
老いには勝てずサンラインBMSアザヤカをちょっとだけ買ってみた

USクレハのSEAGUAR INVIZXが神ライン過ぎて他のラインをなか...

03月18日(月)

@title@
フック強め・大きめでヘッドが軽いジグヘッド

  表題に該当するジグヘッドは世界中探してもあんま...

03月16日()

@title@
リピート買いの品々

フラッシュユニオン フラッシュジャンパー 去年の夏までチ...

03月10日()

@title@
Megabass GREAT HUNTING 70 Flat SideとスミスF-セレクト64

ワタクシごとですが、オレは毎日海外通販の梱包と出荷業...

03月09日()

@title@
LUCKY CRAFT USA ライトニングポインター110XR

 Lightning Pointer 110XR Length: 4-1/2&rdq...

03月07日(木)

@title@
Z-MAN ザ・オリジナルチャターベイト

チャターベイトは出始めのころに使ったけどトラウマ多数で嫌...

03月02日()

@title@
スミスウィック デビルズホースAF200(1/2oz)

前々から度々書いていますが、世の中には「よく釣れる(と言わ...

03月02日()

@title@
Big Bite Baits Dean Rojas - Cane Thumper 25pk

Cane Thumperってなんて読むん?なんて意味? 答え:...

03月01日(金)

19年02月26日 北浦 北浦で2019年初ラージゲット!

最近春のカスミ水系で「シラウオパターン」っていうのが流行...

02月28日(木)

twitter

Recent entries

@title@

船津なう

@title@

ガーミン魚探ブームに乗り遅れた人へ送るガーミン魚探の初歩 その2:ガーミンの魚探機能入門

@title@

北浦シラウオパターンで三本ゲット!

@title@

北浦なう

@title@

ガーミン魚探ブームに乗り遅れた人へ送るガーミン魚探の初歩 その1:シリーズ体系・ネーミングルールを知る

@title@

壁裏の硬いところを探す「下地センサー」が面白い!

@title@

KEITECHカスタムロッドのコンセプトが凄い

@title@

デスアダーを使ったオレのシラウオパターン(八郎潟に限る)

@title@

祝!琵琶湖大橋ETC化!

@title@

高級車・レクサスの前輪駆動モデル!

@title@

台湾のクルマ雑誌『一手車訊 CAR NEWS』をお土産でもらった

@title@

オレが言うのもなんですがネット(ブログ)時代は終わった。一周して雑誌・本がよく思える今日このごろ。

@title@

おすすめ動画! 高橋洋一さんの「片倉ダム実践型講習会」

@title@

釣りガイドさんもカード決済~スマホ決済できるようにしてほしい

@title@

3月上旬のあしかがフラワーパークに行ってきた(オフシーズン)

@title@

4.5インチ以上のワーム収納に便利なジップロックLサイズ

@title@

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

@title@

レアモノ多し、オレのメインバッカンのステッカー達

39fM7ZDswVmTjytu.jpg

2019年初のラージ!

@title@

車載タブレットに最適なマイクロUSB(タイプB)充電ケーブル

@title@

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

@title@

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

@title@

桧原湖のセブンイレブンにレジが3つも4つもある訳

aKOwVV0Q9JuaqwJY.jpg

初バスきたーーっ

PqxWj2pDkR8ma1Vh.jpg

桧原湖なう

@title@

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

@title@

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

@title@

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

@title@

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

@title@

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

Category

Popular entries 2018

Popular entries 2017

Popular entries 2016