When I share the link to my website on Facebook, it's not pulling through an image, which makes the link look pretty unengaging. I would like it to use the main image on the home page, but I searched the problem and see that it won't detect the background image, which is a known issue (detailed info here).
So I added another image to the home page (the black and white one). But Facebook isn't pulling that through, either. When I look at the Facebook debugger, it gives this error:
"Provided og:image, http://www.wellingtonbreastfeeding.co.nz/uploads/1/2/2/3/12235653/saditya-romansa-117344-unsplash_or... could not be downloaded. This can happen due to several different reasons such as your server using unsupported content-encoding."
How can I put an image on my home page that Facebook will be able to download to show with the link? Why is Weebly using "unsupported content-encoding"?
