Social Sharing displays "No image" on Facebook and Instagram

[NamrataFerme]

Hello,

Store link - shopferme.com

When I share it on Facebook and Instagram, it displays "No Image" in spite of having the image uploaded in Preferences.

Need help to fix this..

Thanks

Namrata

[Olivia]

Hi, @NamrataFerme!

Thanks for sharing your question with our community.

Before we dive into the issue at hand, let's make sure you were able to successfully upload a social sharing image in your store preferences. To do so, please review these steps:

1. From your Shopify Admin, click Online store.

2. Click Preferences.

3. Find the Social sharing image section.

4. To upload a new image, click Add image. To change the existing image, click Edit > Change image.

5. Select the image from your computer that you want to show on social media.

6. Click Save.

It's possible that didn't save due to a local issue, so always double-check from a private or incognito window when in doubt. If that's not the problem, then you may just need to employ a debugger for the social networking platform with the problem.

De-bugging on Social Networks:

In fact, you can force pull latest images for Meta products through this Facebook debugger tool here: https://developers.facebook.com/tools/debug/. Simply enter your store URL to force load the images available when sharing.

It's also a good idea to bookmark a general site to address this issue across other social networking platforms. A great third-party solution is something like https://socialsharepreview.com/  to preview social media images. 

I trust that helps, but let me know if you have more questions.

[NamrataFerme]

Hi Olivia,

Yes, the image is uploaded on Preferences and checked in Incognito as well. The image is visible when the website is shared on Whatsapp. But on other platforms, it is not.

When I checked the debugger, it gives me the following issue with image - 

https://developers.facebook.com/tools/debug/?q=www.shopferme.com  > 

• Invalid URL

  Provided og:image URL, //www.shopferme.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244... was not a valid URL.

  Image

  •  og:image can't be found at the defined URL
  •  The ratio of your og:image isn't optimal 
  •  Image size is optimal (<8mb)

  How do I fix this?

  Regards,

  Namrata

[NamrataFerme]

Need help on this please!

[Olivia]

Thanks for following up with me, @NamrataFerme.

I double-checked the URL you shared and there is definitely no social sharing image for social networks saved, hence the debugger information is correct. While I'm not sure which image you may have been pulled for WhatsApp, I can confirm there is no sharing image from my end.

Based on what you shared, this is likely because your theme has a separate section to save a social sharing image rather than the generalized one in your Admin. This is typically found in Admin > Online Store > Themes > Customize Theme > Theme Settings, or something of that sort. If you can confirm which theme it is you're using I'd be glad to double check that for you.

I look forward to your reply,

[NamrataFerme]

Thank you for replying Olivia. 

I am using Dawn theme.

I can see the image I added in Preference when I share my website on WhatsApp. Pls see the below image.

But on Instagram and Facebook, the image is not getting displayed.