ここの Facebook の「いいね!」ボタンに問題があります。ボタンは機能しますが、Facebook に表示するのに間違ったサムネイルを取得しています。
ウェブサイトはストアであり、各製品には独自のいいねボタンがあるため、正しいサムネイルが Facebook に表示されることは非常に重要です。Facebook Linterを使用して、サイトから製品 URL をデバッグしました。Facebook が製品 URL の明らかにメインの大きな画像を取得することを望んでいましたが、関連する製品のサムネイルの 1 つを取得しています。
ドキュメントで読んだことから、ドキュメントog:image
の先頭に明示的に設定する必要があります。ただし、バックエンドにはアクセスできず、JavaScript を使用してメタタグを動的に生成することしかできません。私はそうしようとしましたが、スクリプトが実行される前に URL が破棄されるため、そうする価値はないようです。
の値を推測するために Facebook が使用しているルールがわかりませんog:image
。メタタグが設定されていない別の Web サイトでは、製品のメイン画像が正しく破棄されています。なんで?
何らかの理由で Open Graph プロパティを宣言できない場合、Facebook のアルゴリズムが目的の画像 (またはテキスト) を取得する可能性を高めるにはどうすればよいでしょうか?