How can I set a custom meta image for each page on my website?

Shopify Discussion
1

Hi Shopify Community,

I’ve already done this and created a standard social sharing option: https://help.shopify.com/en/manual/online-store/images/showing-social-media-thumbnail-images#setting-the-social-sharing-image-in-your-admin

Next A

I want to create a custom meta image for each page of my website so that when it is shared on social media it pulls the main header image from each page (instead of the standard social sharing option).

Next B

I want to create a custom meta image for Blog posted on my website so that it pulls the main Blog image (instead of the standard social sharing option).

Is there code or an app that can help me do that?

Thanks!

Christina

2

It’s required simple code edits in theme.

3

Okay awesome! I’m a solopreneur just building the website myself (do not have a team of devs to help me), so can do some custom coding. Could you give directions on the code to implement and where to place it? Thanks!

4

if you can change the theme code yourself, you can change the social meta tags file in the theme. Usually, there is a line of social meta tags in the theme.liquid file. It defines the social meta tags in the header. You can edit the liquid code to come up with your own meta tags.

Our app can also help. We store the custom meta tags with metafields and overwrite the theme liquid code.

You can refer to the Facebook site for the markups: https://developers.facebook.com/docs/sharing/webmasters#markup