How do I specify the image used by Facebook for shares and likes?

186 Points

This reply was created from a merged topic originally titled
meta tag file name.

Error in <meta property="og:title" content="[my page name]" />

For some reason, somewhere in the code this statement with the wrong page name got saved, and so that is what shows up when I post a link on Facebook. How do I change what is now in "[my page name]" to the text I want to display?

2014-08-15T14:57:41+00:00

Drew N, Alum

262,646 Points

This is specifically for images, but the concept is the same. You can Google "Open graph" and see what options are available.

Drew

2014-08-15T17:58:57+00:00

186 Points

This worked for the photo, but has had no effect on the page title.

2014-08-15T18:03:13+00:00

Drew N, Alum

262,646 Points

Do a search for open graph and you will see the tags you may use. One of them is og:title. That will hopefully fix it.

Thanks

Drew

2014-08-15T18:43:53+00:00

186 Points

I did that. When I run their scraper they list the tags found. In the attached jpeg, the top one is the image that I specified using the instructions above - success. The middle one is the tag I added to try to correct the page name problem - it is in there, but to no effect. The third is the one that seems to be dominant, and it is buried in the code of the website, not in the html entry form of Page Settings. Image: https://d2r1vs3d9006ap.cloudfront.net/s3_images/1088229/RackMultipart20140815-21489-w9qpc0-fbcurtgoldenwebsite2_inline.jpg?1408128180

Image: https://d2r1vs3d9006ap.cloudfront.net/s3_images/1088229/RackMultipart20140815-21489-w9qpc0-fbcurtgoldenwebsite2_inline.jpg?1408128180

2014-08-15T19:05:01+00:00

Drew N, Alum

262,646 Points

Try removing the Follow us on Facebook and re-adding it.

Drew

2014-08-15T19:31:03+00:00

186 Points

Shoot. I had high hopes for that one, but alas nada.

2014-08-15T19:39:01+00:00

Mike F., Alum

184,558 Points

Try removing the Facebook follow element again. Publish the site without it, then run the open graph debugger again.

Mike

2014-08-15T20:27:54+00:00

186 Points

Sadly, no change.

2014-08-15T20:44:10+00:00

Mike F., Alum

184,558 Points

You may want to check directly with Facebook to see what they suggest. They have a FB Developers Support page here; https://developers.facebook.com/support/

5 years ago

lilynelsenmusic7069

102 Points

This reply was created from a merged topic originally titled
Mobile Thumbnail.

How do I change the way my website thumbnail looks when I post to my social sites?

2014-10-11T16:38:41+00:00

Drew N, Alum

262,816 Points

Hi lilynelsenmusic7069,

We might also have to do some work on our end, if this doesn't solve your issue. If it doesn't, then please tell us which site you are working on, and we will take a look.

Thanks

Drew

5 years ago

malcolmivey97619

112 Points

This reply was created from a merged topic originally titled Photo of site on social media.

When I include a link to my site on social media, the space for a photo is black. How can I make sure a photo shows up from my site on social media?

1 person likes this

2014-12-14T18:12:40+00:00

Drew N, Alum

262,816 Points

malcolmivey97619,

This topic is titled Facebook, but other social networks have started reading the open graph tag as well.

Drew

Leisa

396 Points

This reply was created from a merged topic originally titled How do I direct which photo from my webpage is used when posting a link?.

Edward5521

342 Points

This reply was created from a merged topic originally titled The link of my index has a different title than the one saved..

When I put the link of my website on Facebook, the description is what I have saved but the title of my website refers to one of my galleries. What happened?

2015-09-02T17:53:12+00:00

William S

18,878 Points

Hello,

You can specify what image Facebook uses by following the guide above.

Peter0138

82 Points

This reply was created from a merged topic originally titled how do I define the image for facebook posts?.

When someone references the site url, how do I define the image that is shown on Facebook, etc?

2015-11-09T21:58:27+00:00

Drew N, Alum

262,796 Points

Peter0138, This topic shows how to do it, but keep in mind that ultimately Facebook can choose to ignore this code.

590 Points

1. Where do I type this code on the website?

2. What does "og:image" mean?

3. Do I have to name the image "facebooklogo.jpg"?

2015-12-18T13:40:33+00:00

Drew N, Alum

262,676 Points

You may name the image anything you wish, just adjust the name in the code. Keep in mind that Facebook still decides what image. This is a suggestion to them.

2015-12-20T14:43:32+00:00

590 Points

is what I put in my homestead website meta tags and facebook is still picking a random photo. In the facebook debugger page, og:image is still blank. :( What am I doing wrong?

2015-12-20T15:23:00+00:00

Drew N, Alum

262,676 Points

2015-12-20T15:40:15+00:00

590 Points

Ok, I see now. I actually have to have the picture published and showing somewhere on the website. I had it uploaded, but not published. Thank you. It is now listed on the og:image, but I still have a problem. A random image is still appearing as my facebook image. When I do the debugger, I get this message:

fb:app_id hasn't been included in the meta tags. Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog. Otherwise, the default app id( 966242223397117 ) will be assigned.

What's the fb:app_id meta tag? How do I format that? Thank you.

2015-12-20T15:48:02+00:00

Drew N, Alum

262,676 Points

I haven't seen that, but it appears that you need to do this also in the Facebook developers page.

2015-12-20T18:11:47+00:00

590 Points

Thanks! I got the og:image to work when you explained to me that it wasn't published. I also learned, that my image was too large. I kept reading that there were problems when an image was too small and to make it more than 600x600 px. NOPE! I shrunk mine down to the 300s and it finally fits. It had nothing to do with that fb:app_id thing that I thought might be doing it. Thanks again and Merry Christmas!

2015-12-20T18:55:58+00:00

Drew N, Alum

262,676 Points

Happy to hear!

themieleman, Champion

66,214 Points

On the website editor: Select Insert>Follow Us Link>select from the 4 choices listed. That's it.

tmhpetrescue2796

122 Points

This reply was created from a merged topic originally titled logo on Facebook.

How do I change my logo on Facebook? When I type my link on Facebook it does not use my take me home logo. I removed all other logos on the website.

themieleman, Champion

66,214 Points

Use Help: https://www.facebook.com/help/492441920771107/

tmhpetrescue2796

122 Points

None of this worked. I have the following error: Object at URL 'http://tmhpetrescue.com/' of type 'website' is invalid because the given value '1790166707881140' for property 'fb:admins' could not be parsed as type 'fbid'.

2016-04-12T15:24:17+00:00

Drew N, Alum

262,796 Points

I do see the error, which is a new one to me, however, if you look down the page the og image shows as the correct image. Does it display on Facebook for you now?

Angel9569

70 Points

Drew, I have a Homestead web site account. Having issues in specifying the image that I want displayed for a specific page of our site when posting about that page to Facebook. What to do?

2016-06-03T20:19:21+00:00

Drew N, Alum

262,676 Points

I'm not sure you can. The code in the post at the tp needs to be added to the site, then you need to run the debugger tool, but I believe Facebook will only allow one image in the meta tag, so you can add the code but the image will be the same for all pages I believe.

2016-06-04T21:28:23+00:00

Angel9569

70 Points

I've heard that. It's limited for sure, but there are images that are general in nature that could be appropriate for FB posts on that basis. i.e. and image that says "Welcome" as displayed here. How do I set that as a default image to FB from my site? Image: https://d2r1vs3d9006ap.cloudfront.net/s3_images/1428091/RackMultipart20160604-124326-cgjoey-WELCOM_BRENTON_inline.jpg?1465075656

Image: https://d2r1vs3d9006ap.cloudfront.net/s3_images/1428091/RackMultipart20160604-124326-cgjoey-WELCOM_BRENTON_inline.jpg?1465075656

2016-06-06T14:47:36+00:00

Drew N, Alum

262,676 Points

You would use the code snippet at the top of the page. Specify the filename of the image. Then you must use the Facebook debugger to get Facebook to recognize it.

troisutton8297

146 Points

I have my online store with big commerce (through you guys). When I share my link on FB, it shows images I dont want to use. How do I change it to point to my header when I share the link?

2016-06-06T15:22:13+00:00

Drew N, Alum

262,676 Points

You need to place the image online and then add the code in the template files, under design. There is a folder called panels, and a file called header.html

2016-06-06T18:31:55+00:00

troisutton8297

146 Points

what code?

2016-06-06T19:01:12+00:00

Drew N, Alum

262,676 Points

In the original post at the top, <meta property="og:image" content="http://www.mydomain.com/facebooklogo.jpg"/>

2016-06-06T19:47:53+00:00

troisutton8297

146 Points

All that did was add my fb logo to the list of pics that show up.

2016-06-06T19:54:35+00:00

Drew N, Alum

262,676 Points

The content URL should be where the image you want is published. Then you go to the Facebook debugger and enter your domain. Then Facebook should use your specified image.

Nancy4353

192 Points

This reply was created from a merged topic originally titled Can someone help me please? :).

How do I change the picture/icon for my website that shows when sharing on social media?? I accidentally changed it to a twitter symbol last time I edited my site. Please help
Thank you thank you thank you :)

2016-07-22T23:06:23+00:00

Todd H, Social Media Specialist

20,854 Points

If you are referring to the OG Image meta tag, here is an article with more info about how to change it.

Angela5675

492 Points

I don't have the Design folder, is there another way?

2016-08-07T02:33:13+00:00

Angela5675

492 Points

I found a way! I placed an image behind the scroller on my home page and then ran it through the debugger.

Ron8636

112 Points

This reply was created from a merged topic originally titled How do I change the picture that displays when I post a link to my page?.

I want to change the picture that posts when I share a link to my site, like on facebook, etc.

Dyan5941

112 Points

This reply was created from a merged topic originally titled How do I attach an image for sharing on social media?.

I entered the code into the advanced settings and it still does not work. I tried facebook debugger and i get all these errors: - I only have the one link in there.... <meta property="og:image" content="http://www.gttow.com/GT_Tow.PNG"/>;

Inferred Property
The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property
The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property
The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
Share App ID Missing
The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog.

(Edited)

114 Points

This reply was created from a merged topic originally titled Is there a way to change my shared image??? I want to change the image that is sh....

I want the shared image to my website changed. Is there a way to change the shared image of my site??? The image that I want people to see when my website is shared is in the attachment.

2016-11-30T18:08:28+00:00

Todd H, Social Media Specialist

20,854 Points

Please view the article above, this will give you information about changing the "og image" meta tag that determines what image shows when shared.

2016-11-30T18:13:03+00:00

114 Points

Can you do this for me???

2016-11-30T18:20:19+00:00

Todd H, Social Media Specialist

20,854 Points

What is the domain?

2016-11-30T18:31:55+00:00

114 Points

http://www.theadbaby.com

2016-11-30T18:33:16+00:00

114 Points

I placed the code into the advanced settings and uploaded my pic into postmage.com but after going to Facebook Debugger page it is still NOT changing after the scrape.

2016-11-30T18:44:42+00:00

Todd H, Social Media Specialist

20,854 Points

I have it working now.

590 Points

This reply was created from a merged topic originally titled When I type www.craftshowbooklet.com on emails or Facebook, an old image automati....

www.craftshowbooklet.com image on emails or facebook

590 Points

This reply was created from a merged topic originally titled Why won't my facebook image for my website change? I updated it on my website, b....

Why won't my facebook image for my website change? I updated it on my website, but my old picture still shows up.

2016-12-12T17:53:29+00:00

Todd H, Social Media Specialist

20,794 Points

Here is an article with more info about how to change the image Facebook uses to share with.

2016-12-15T15:34:47+00:00

590 Points

Do I have to put this the og:image code in my home page only or on the other six pages of my website?

Raymond8017

306 Points

im having the same problem, www.raywhitlock.com

No matter what code i put in nothing works. I really need to know how to do this. My customers are asking for it!!

2017-01-17T19:14:44+00:00

Drew N, Alum

262,816 Points

This was posted to Sitebuilder not the new builder

Please reference the new conversation here: How do I specify the image for Facebook on the new Websitebuilder.