数日以来、私はこの問題を経験しています。
これが私のデバッグです
提供された画像は 200x200 ピクセルを超えており、固有のリンクがあり、そのページにリダイレクトがあります。
リンターの応答は 200 です。
fbでページのリンクをコピーして貼り付けると、200x200pxより小さい3つの画像から選択でき、提供した画像は無視されます。
しかし、「いいねボタン」や「送信ボタン」で共有しようとすると、うまくいきます。
それはfbバグのように聞こえます。
どうも
数日以来、私はこの問題を経験しています。
これが私のデバッグです
提供された画像は 200x200 ピクセルを超えており、固有のリンクがあり、そのページにリダイレクトがあります。
リンターの応答は 200 です。
fbでページのリンクをコピーして貼り付けると、200x200pxより小さい3つの画像から選択でき、提供した画像は無視されます。
しかし、「いいねボタン」や「送信ボタン」で共有しようとすると、うまくいきます。
それはfbバグのように聞こえます。
どうも
この投稿やその他の提案の多くを試してみましたが、役に立ちませんでした。最終的にうまくいったのは(他の場所では見たことがない)、以前は完全に欠落していた要素に正しい接頭辞を追加することでした。
<head prefix="og: http://ogp.me/ns#">
それが実際に問題を完全に修正したのか、それともデバッガーがイメージを再スキャンするように (適切に) ジョギングしたのかはわかりませんが、うまくいけば、他の誰かに役立つことを願っています.
私もしばらくこれに苦労してきました。画像のすべての形状とサイズを試し、名前を変更し、特定の og:image:height および :width タグを追加するなどしました。「解決した」方法は、表示したい画像をWebサイトのルートディレクトリに配置することですog:image で別の (1500x1500、btw) 画像をポイントします。Facebook リンターは、ルート ディレクトリの画像を使用することを通知します。そして、それはうまくいきます;-)
画像と og:image URL の名前を変更することで完了しました。試してみる。
私はこれらの提案のほとんどを試しました-<head>
プレフィックスを再確認し、javascript sdk を追加しようとし、正方形の画像を試し、別の場所から調達し、ファイル名を単純化しました...
最終的に機能した<img>
のは、同じ画像のタグが本文に表示されるようにすることでした! CSS/インラインスタイルで隠しました。
画像サイズが 100 の倍数でなくても、画像が jpg または jpeg 形式であれば機能するはずです。画像がpng形式の場合、サイズに関係なく機能しません。これは私のテストのみに基づいています。ここで他の開発者の意見を聞きたいです。
私は常にpngを使用しています。私はいつも 1920 x 1080 を使っています。なぜなら、Facebook の共有で見栄えがするからです。85% の時間は機能しますが、機能しない場合もあります。名前を変更したり変更したりせずに同じ写真を削除して再読み込みすると、突然機能することがあります。私は本当の開発者ではないので、私が提供できるのはそれだけです。