I’m having trouble with Open Graph images on my Shopify store. Some product pages show the correct preview image when shared on social media, but others don’t work at all. The weird thing is that when I check the page source, the og:image meta tag is there and looks correct. I’ve tested multiple product pages and the results are inconsistent. Some pages display the product image perfectly when shared, while others either show no image or pull a random graphic instead. The Facebook debugger tool recognizes the og:image property as valid, but it still won’t display properly when actually shared. Has anyone else experienced this issue with Shopify product pages? I’m not sure if this is a caching problem or something else entirely.
check your cdn settings too - shopify’s cdn sometimes serves different image versions to crawlers vs browsers. try forcing a specific image resolution in your og tags instead of letting shopify auto-resize. worked for me when everything else failed.
definitely sounds like caching issues! using the fb debugger is a great idea to refresh the og info. also, make sure your images aren’t set to private. gl!
Had the same issue with my Shopify store last year. It’s usually image file sizes and loading times causing this. Social media crawlers have timeout limits - if your product images are too big or your server’s slow, they just give up and grab whatever image they find first (or show nothing at all). I fixed it by compressing all product images under 1MB and switching from PNG to JPG format. Also check if you’ve got apps messing with your theme’s meta tags - they can clash with Shopify’s default OG setup. The inconsistency across different product pages is probably because your images are different sizes or were uploaded at different times.
I’ve hit this same issue across several client sites - it’s almost always Shopify’s image transformation URLs screwing things up. Those auto-generated variants with ?v=1234567890 or width/height params make some social platforms choke. I fixed most cases by hardcoding absolute URLs in the og:image tags for featured product images. Also check if your theme’s generating different og:image URLs when variants get selected - crawlers cache the first version they see and get confused. Clear your browser cache completely and test with LinkedIn’s post inspector, not just Facebook’s debugger. One platform might work fine while others fail on the same URL.