爲什麼Facebook共享圖像即使在og指向正確大小的文件時看起來很小

Question

我正在用FB UI製作Facebook共享器。我有og標記：

<meta property="og:image" content="https://www.mydomain.fi/img/fb-share-img.jpg" /> 

圖像是1200×627。og調試器不會給出任何錯誤。但是，共享該鏈接時，共享圖像看起來是小方塊而不是全幅圖像。

什麼可能導致這種情況？

奇怪的是，早些時候og正在獲取數據並顯示照片更大。我不得不調試一些東西並再次獲取該網站，現在我無法恢復大圖片。

Answer 1

我也擁有所有正確的og：標籤和大量圖片。直接分享網址時，我得到了一個大圖片。當從Facebook JS SDK共享時，它開始很大，然後突然變小。正如其他人所指出的，這幾乎是基於FB算法的隨機選擇。花了很多時間與標籤和調試工具打成一片，我不小心偶然發現了一個黑客（使用後果自負）：

我不知道它是從另一個網站複製粘貼了一個og：type標籤，其中包含一個無效字符（在我的情況引號是「打印機的報價」）

元屬性=「OG：類型」內容=」網站」 （看到周圍的引號之間的區別‘OG：型’和‘網站’ ？）

讓我驚訝的是，雖然這在調試工具中出現錯誤（「Object at URL'[myurl]'）是無效的，因爲配置的'og：type' '「網站」/'是無效的。「）它實際上強制使用大圖像，所有其他元數據都很好。

我不知道如何或爲什麼，所以不要問。但它的工作。每時每刻。我希望這可以幫助其他開發者，直到我們確信所顯示的大小正確的圖片。正如我所說，你的里程可能會有所不同，不要怪我，如果你打破它:)