Menu
I have run my site through the debugger and the correct og:image pulls up, but when I click the share button on my site I get a different image. If I click the share button on my ipad I get the wrong image plus a second image which is the correct image. Tested in chrome and IE9 and neither give me the correct image. This was working up until a few days ago.
website is www.bodhitee.com
Here are my OG tags
<meta property="og:title" content="20% of each sale helps fight reckless fracking and mining."/> <meta property="og:description" content="www.bodhitee.com: Cool Baby and Kids Clothes for a Cause"/> <meta property="og:image" content="https://www.bodhitee.com/product_images/uploaded_images/bodhitee-fb-earthworks-nofrack.jpg"/> 
807
Open Graph MarkupMost content is shared to Facebook as a URL, so it's important that you mark up your website with Open Graph tags to take control over how your content appears on Facebook. For your website to be shared correctly by our crawler, your server must also use the gzip and deflate encodings.
To view the OG image with Yoast standard, you'll need to share the page directly. Go back to Facebook, start a new post and then paste the URL. You should see the correctly sized image appear above the Facebook Description meta-tag.
Click on 'Social'. Click on the 'Facebook' tab. Toggle the 'Add Open Graph meta data' switch. To enable the feature, toggle the switch to 'On'.
Optimizing the Image Size for Facebook Open Graph For the best display on high-resolution devices, the company suggests choosing an image that's at least 1200 x 630 pixels. If your image is smaller than 600 x 314 pixels, it'll still display in your post, but appear as a thumbnail-sized picture.
When pulling a webpage from an URL, Facebook caches it's content for later. It means, that if Facebook once pulls data from your site, and than your site changes (for example your og:image tags change), Facebook will not change the image, because it already has everything cached on it's side.
Try visiting Facebook Debugger page and review what Facebook "sees". Using this tool forces Facebook to refresh data from the given URL. This is the best way to debug it.
When you make sure Facebook "sees" proper og:image tags, then make sure the images in the og:image are of proper minimum width/height (it's all explained in the fb debugger). Facebook will not use an image from og:image if it does not meet FB's criteria.
I strongly recommend this tool whenever there are any issues with content from your site on FB.
147
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
