html - 1x1 px og image facebook

Question

So i have used the og tags several times and have successfully been able to share blog posts with custom images, but for some reason, I can't figure this one out.

According to fb debugger, all of my meta tags are correct, and I'm getting a 200 code. Even the Raw open graph document information shows the full correct path of the image I have added with the http prefix, which if i copy and paste on a new tab, will take me to the correct image. But the image in the object properties is replaced by a 1x1 px dot that I can only see if I inspect the element. I know that the whole og thing has been talked about over and over again, but i could not find an answer anywhere for this weird 1x1 px problem. The link i am trying is http://ladyilgphotography.businesscatalyst.com/lady-ilg-journal/casper-and-maggie-beautiful-wedding-grant-humphrys-mansion-wedding

Thank you for any help you might have.

Answer 1

There's probably a problem with the image url not being properly escaped on the opengraph tag.

At the end, the og:image has a space and then parenthesis... But it isn't escaped on the HTML code: http://ladyilgphotography.businesscatalyst.com/images/journal/love/weddings/Casper and Maggie--wedding/best_wedding_photographer_in_denver (16).jpg So once the Facebook fetcher script tries to access that URL, it's probably not going to find it...

Have you tried escaping the filename in that URL?