Product Preview Images Are Incorrect on Social Platforms

So when I link my website to my homepage on Twitter, Facebook and other social media platforms, it shows the correct preview image which is just our logo. But the issue is when I try to link one of my product pages it is showing as the completely wrong image (sometimes even an image that’s not even linked to that product). Also, the image that it shows for a particular link isn’t consistent across platforms. It will be one image on Twitter and then another image on Facebook.

I have attempted to change this by adding meta tags in the head tag of my theme.liquid file but there was no success in that. Any help is appreciated, thanks

2 Likes

The way that my product.liquid file is setup currently, it does not have a tag. I have tried adding one at the very top of the file but that did not work. I have yet to find a solution.

Hi @Spencer_Brave ,

I hope the solution suggested by @Relynjon help you solve the issue with the product preview images. However, if you would like to enhance and personalize how the preview images look when sharing on social media (to have it under control), you may try our recently launched app SocialSeal.

With SocialSeal, you can configure one template and easily tailor it to suit your brand’s style – adjust fonts, font size, colors, and even upload your logo to create professional preview images. It takes you a few minutes and the template is used for all your products, posts, and more.

Hope this helps! :slightly_smiling_face:

Hi, I raised a similar question yesterday:

https://community.shopify.com/c/shopify-design/how-to-add-product-page-meta-tags-for-social-media/m-p/2228330#M590009

I tried your solution and added the OG meta tag code as you had mentioned, but no change. Product image still not showing when product link is shared in social media. I can DM my site details to you.

Thanks!