x

No Preview Images Loading for Social Media

Hello everyone, I did some digging to try to figure this out on my own but the only solution I came across is extremely labor intensive (editing every single item page in my shop one-by-one; that's dozens) so I'm hoping someone can suggest a more universal fix.

The problem I'm encountering is that when I share my item pages to Twitter and Facebook, the product image does not load as part of the link preview. No image loads, in fact. I used the Facebook debugger tool on one item page and it delivered the following errors:

URL

https://studio-mikarts.square.site/product/kiki-pie-postcards/49

Inferred Property

The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
Missing Properties
The following required properties are missing: og:image, fb:app_id
 
The only solution I've seen that might fix this is to add a meta tag to every page, editing it to point to each product image. This is just too much for me to fathom doing, especially after spending the past several days getting everything set up in the first place.
 
Is there something more simple I can do to make this work? Thanks in advance for your help.
750 Views
Message 1 of 5
Report
1 Best Answer
Square

Best Answer

Thanks for sharing! I love your detailed posts. Heart Unfortunately, the instructions provided will not work for @StudioMikarts at this time. We have an open bug for product links not showing the proper og image when shared. I don't have an eta to provide, but it is something that the teams are working on. Thanks in advance for your patience. 

View Best Answer >

731 Views
Message 6 of 5
Report
4 REPLIES 4

Hi @StudioMikarts  @Adam  @Bernadette 

I am not using facebook    but regarding Twiiter, you need to manually add 'twitter cards'       this is a bit of code, from TWITTER, that will display a linked image when u tweet.    I have been using this successfully for 12 months now

Here is my own post on my travel blog as to how to achieve this:

https://www.nomadicbackpacker.com/how-to-add-twitter-cards-to-your-weebly-blog.html

Please follow it to a T    , any probs,   please @ me, so i see the message...  also on twitter    @  NomadicBackpac1  

742 Views
Message 6 of 5
Report
Square

Best Answer

Thanks for sharing! I love your detailed posts. Heart Unfortunately, the instructions provided will not work for @StudioMikarts at this time. We have an open bug for product links not showing the proper og image when shared. I don't have an eta to provide, but it is something that the teams are working on. Thanks in advance for your patience. 

732 Views
Message 6 of 5
Report

Thanks to you both for your replies. For now I will wait for the bug to be fixed, then 😊

728 Views
Message 6 of 5
Report
Square

Thanks for understanding, @StudioMikarts Hopefully this will be fixed soon! Heart 

705 Views
Message 6 of 5
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.