Facebook does not load image from og:image
The image is appearing in the Facebook debugger (although it doesn't look great since you've got some transparency which works best with your grey background which FB won't take)
Also its best to use a square image.
One thing I've found it that Facebook caches the meta data on their side. So if we do changes to things like images, they don't always surface until that cache is cleared. Perhaps you had the wrong image url/no url in the past and FB has cached that result. If so you may have to wait a while for it to clear and get your data again. I've seen it take a while (in the approx range of a day)
Turns out the answer is to also set og:image:width
and og:image:height
.
See also: Facebook Open Graph No Image First Time
(In my own testing, I found that setting og:image:width
and og:image:height
is sufficient. Setting og:image:type
is unnecessary.)
I had the same problem but FB Debugger "said" that the image has to be at least 200px in both dimensions. When I resized the image to 200px by the shorter side all went well. Another thing is the thing Bruce said - the caching. I had to start another page to test my final link.
Hope this helps. Regards