Facebookデバッガーを使用して記事をデバッグした結果をご覧ください 。
次の警告が表示されます。
og:imageは大きくする必要があります。 og:imageは十分な大きさではありません。少なくとも200x200、できれば1500x1500の画像を使用してください。
ただし、下の「og:image」フィールドに表示されている画像を開くと、画像が十分に大きい-700x350ピクセルであることがはっきりとわかります。
これにより、Facebookが壁に記事を公開しているときにランダムな画像を選択します。
これが起こる理由は何ですか?
Edit:問題の原因は、CMSが画像のURLをリダイレクトすることですか?
これは、画像のURLをリダイレクトするCMSシステムが原因でした。そのため、正しい画像がFacebookデバッガーに表示されましたが、FBはおそらくリダイレクトが行われる前に画像サイズを探していましたが、まだサイズがありませんでした。
そのため、画像のURLをリダイレクトしないようにCMSに指示しました。どのように機能するかは、使用しているCMSの種類によって異なります。
これを追加してみてください:
<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />
まず、200 x 200を超える画像をアップロードする必要があります(たとえば、1500 x 1500の最大サイズをアップロードしました)。一部の人々は、画像の幅と高さを同じサイズにする必要があると言います。私はそれが正しいかどうかをチェックする機会を一度もとったことがありませんが。
画像サイズを更新した後も問題は存在します。Facebookデバッガーに画像のキャッシュを更新させるには、og:画像リンクに特定のパラメーターを追加する必要があります。
例えば:
<meta property="og:image" content="http://bri.ge/img/brige1.png?t=12345?">
これはパラメーターです:?t = 12345?
約5分間待つと、問題は修正されます。
持っていた
<meta property="og:type" content="website" />
メタタグ内。
その行を削除して機能したため、現在のタグは次のようになります。
<meta property="og:title" content="PUT TITLE HERE" />
<meta property="og:url" content="http://www.example.com" />
<meta property="og:image" content="http://www.example.com/images/myimage.jpg"/>
少し遅れていますが、photoshopで新しいオープングラフイメージを作成した後にこの問題が発生しました。デバッガーでは、検出されたイメージ(359x379)が表示されたままなので、意味がありませんでした。それでも、200x200より小さいと不平を言っていました。
私はそれが問題だとは思わなかったので、他のヘッダータグを変更しようとしませんでした。
代わりに、Photoshopを再度開き、画像を再度保存しました。 85%の品質でJPGとして保存しましたが、違いは「最適化」ではなく「プログレッシブ」を使用したことです。これで問題はすぐに修正されましたが、「最適化された」設定が問題であるとは思いません。
これを引き起こす可能性のある別の問題は、ファイル名に#などの文字を使用していることです。
ブラウザはそれらを正しく表示しますが、facebookはimgが小さすぎるというエラーを表示しますが、実際にはそれを読むことはできません。
そのため、画像ファイル名には標準文字A〜z、_、-、0〜9のみを使用してください。
Facebookのスクレイパーが200x200以上のサイズの画像を正しくスクレイプしても、誰かがまだこの問題に直面している場合は、1時間待ってコーヒーを飲みます。戻ってきて、もう一度デバッグをクリックすると、問題ないはずです。 facebookが保存されたグラフデータを更新するには時間がかかります。
私はこの問題に遭遇し、別の回答者が示唆したように、わずかに低品質のJPEGとして保存しようとしました。それを参照し、デバッガーページでもう一度試してみると、Facebookは再び、画像が小さすぎて、代わりにold画像を使用して、最初の文句を言った時間。
そのため、同じURLをもう一度送信しただけで、文句を言わなくなりました。基本的には、1つのデバッグの背後にあります。デバッグを更新してみて、修正されないか確認してください。
@Mariaが提案したようなog:image:widthおよびog:image:heightパラメーターを定義します。
scraped URLに遭遇したときに気づいたのは、facebookが投稿のように同じサイズの画像を表示できないことです。たとえば、デバッグでは小さくなっている画像のURLをコピーし、ブラウザに貼り付けると、実際には画像が非常に小さくなります。次に、投稿に移動し、投稿からURL画像をコピーして、同じブラウザーまたは任意のブラウザーに貼り付けます。写真のサイズが大きくなりました。
画像のURLがhttps://で、FacebookがSSL証明書の読み取りに問題がある場合、このかなり役に立たないエラーメッセージが生成されます。テストするには、画像のhttp:// URLが機能するかどうかを確認します。その場合、CA証明書に調整が必要な場合があります。グーグル「Curlエラー:SSL_CACERT SSL証明書の問題:ローカル発行者証明書を取得できません」をお試しください
注:httpsプロトコルでページの表示に問題がない場合でも、Facebookは本人確認のためにさらに掘り下げます。これは比較的最近のことだと思います。彼らの偽りのニュースの大失敗を考えると、私はあまり怒っていません。