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

Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members.

Note: We want to provide a few common and useful snippets for your use, but our support department is not able to assist you with editing code. They can help you with code placement.

If you want to specify what image is used when someone shares/posts/likes your website on Facebook you can add this snippet of code to the tag:

<meta property="og:image" content="http://www.domain.com/image.jpg"/>

Make sure you have already uploaded your image and published it.
Your picture will look best if it is square and at least 600 pixels wide
You just need to change the URL in the code to the address of the published image you want to use. In Sitebuilder Plus, the header area to add the code is located under Page Settings in the Advanced Settings.
After you've added the code there and published you will need to run your website URL through the Facebook Debugger so they will crawl the site and make the update.

Facebook Debugger

Drew N, Alum

262,826 Points

Posted 6 years ago

first page
previous page
1
2
>
>>

first page
previous page
1
2
>
>>

6 years ago

Danielle8481

224 Points

This reply was created from a merged topic originally titled
Logo to appear when I post links to my site on Facebook.

When I post link to my site on Facebook, a different image appears each time. How can I make it so that our organization logo is the image which appears EVERY time?

3 people like this

6 years ago

Diana6495

124 Points

This reply was created from a merged topic originally titled
Specified Facebook Images for my website link.

How do I specify an image for FB to post when my link is posted on a page or in a message? I want to change the one it is choosing.

Since posting this I found directions but:

1. I do have my image uploaded and it appears on my site, but I didn't specifically PUBLISH the image, I had always just published my site. So how do I find the IMAGE url?

2. When I go to advanced settings there are three choices, the first one already has data in it. I don't recall why I did that or what will change if I put in something else there. Is that where the data is supposed to go?

The three choices are:

Head tag HTML

Java Script (onload)

Java Script (onunload)

This is all foreign language for me. Help! And thank you

(Edited)

6 years ago

Diana6495

124 Points

The answer at the top of this page is what I had found and looked to implement which led to the next post I made...so I have not resolved the issue yet. Thank you for any help you can give.

2014-05-29T15:09:39+00:00

Mike F., Alum

184,698 Points

Hi Diana6495,

To clarify, The code above will go into the Head section. Even if there's other code in their already, that is ok. Just scroll to the bottom of the existing text/code and then paste in the new code. You just need to edit the url in the code as shown below.

http://www.mydomain.com/facebooklogo.jpg <br><br>Replace "mydomain.com" with your actual domain name, and then also replace "facebooklogo.jpg" with the actual image file name of the image that you wish to use.&nbsp; You will have to be sure that the image is published in the File Manager also. <br>

6 years ago

Curt2424

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

Curt2424

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

Curt2424

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

Curt2424

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

Curt2424

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,826 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,826 Points

malcolmivey97619,

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

Drew

5 years ago

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?.

4 years ago

Edward5521

382 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.

4 years ago

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,816 Points

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

4 years ago

Jennifer5121

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,816 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

Jennifer5121

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,816 Points

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

Jennifer5121

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,816 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

Jennifer5121

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,816 Points

Happy to hear!

4 years ago

themieleman, Champion

67,900 Points

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

4 years ago

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.

4 years ago

themieleman, Champion

67,900 Points

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

4 years ago

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,816 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?

4 years ago

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,816 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,816 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.

4 years ago

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,816 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,816 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,816 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.

4 years ago

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,874 Points

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

4 years ago

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.

4 years ago

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.

3 years ago

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)

3 years ago

Timothy Coneal

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,874 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

Timothy Coneal

114 Points

Can you do this for me???

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

Todd H, Social Media Specialist

20,874 Points

What is the domain?

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

Timothy Coneal

114 Points

http://www.theadbaby.com

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

Timothy Coneal

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,874 Points

I have it working now.

3 years ago

Jennifer5121

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

3 years ago

Jennifer5121

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,874 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

Jennifer5121

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?

3 years ago

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,826 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.

3 years ago

Alba2168

106 Points

This reply was created from a merged topic originally titled Incorrect Website Picture on Facebook.

Each time I post my website address on facebook, a picture that doesn't even exist on my website comes up as the picture next to the description. Why? I need this changed ASAP.