Featured image not showing when sharing URL

Support
#1

The featured image of webpages are not showing when I share their URL via text message etc. They used to show up but now they are not, only the URL and site icon show. Any ideas? Thanks.

Url in question- https://travelsoulyoga.com/

#2

Hello @gdub132,

Are you still getting an issue with the featured image on your site?

I tried sharing the homepage and I am able to see the featured image when I try to share it on Facebook.

Thanks!

#3

It is working for me on Facebook too but not in my text messages (using iphone). Usually an image shows when I share the URL in the message. Thanks.

#4

Hi @gdub132,

I’m so sorry but that might be an issue with your messaging app. Try reinstalling your app or try a different phone.

Thanks,

#5

It’s not working on facebook or imessage for this page- https://travelsoulyoga.com/cocoon-work

The preview on facebook for that URL is of the first image on the actual page but not the featured image.

Also the homepage, https://travelsoulyoga.com/, still isn’t working on imessage- tried on multiple phones and a laptop.

Let me know what you think I should do, thanks.

#6

Howdy, @gdub132!

Thanks for writing in! So there’s a couple things going on here. Let me take a moment to explain:

  1. By default, social media sites will try to pick the image from a page they think will work best when sharing a link online if one is not specified. This is typically the first image on the page (although sometimes it will show all images and you can pick which one such as on Facebook, but in apps like iMessage or something similar, this isn’t possible.
  2. To be more explicit in how we tell websites and apps which image to show when we share content, there is a standard that was set by Facebook called Open Graph, which allows us to define all sorts of information about our website that will make sharing content look better across various platforms.
  3. In reviewing your site and inspecting the <head> element, it seems that you do not have any Open Graph tags setup. X and Pro have an option in Theme Options where you can enable some pre-defined Open Graph tags setup by the theme. You can find these under Theme Options → Social → Open Graph. Once you’re there, make sure to enable the setting. Doing this will encourage platforms to use the Featured Image as the resource to display when sharing online if it one is set.
  4. Make sure to also include a fallback image in the Social Fallback Image section below. This will be a generic fallback image that will display if a featured image is not set, or cannot be set (such as on a blog index, it should be kept very general in referencing your site). I believe Facebook recommends that your image be 1200 x 630 for best results.
  5. If down the road you decide you want more flexibility over the Open Graph tags output to your site (although the defaults set by the theme should get you everything you need), you can search the theme files for the x_social_meta() function in x/framework/functions/frontend/social.php and overwrite that in a child theme. However, you shouldn’t need this as the settings mentioned above should give you everything you need.

Hopefully that helps explain things in a bit more detail and will point you in the right direction. Cheers!

1 Like
#7

That worked, thank you so much!

#8

You’re very welcome, @gdub132!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.