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

  • 3
  • 26
  • Question
  • Updated 2 months ago
  • Answered
  • (Edited)
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
Photo of Drew N

Drew N, Community Manager

  • 259,220 Points 100k badge 2x thumb

Posted 5 years ago

  • 3
  • 26
Photo of Danielle8481

Danielle8481

  • 174 Points 100 badge 2x thumb
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?
Photo of Diana6495

Diana6495

  • 124 Points 100 badge 2x thumb

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)
Photo of Diana6495

Diana6495

  • 124 Points 100 badge 2x thumb

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.


Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
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>
Photo of Curt2424

Curt2424

  • 186 Points 100 badge 2x thumb
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?
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
Try removing the Follow us on Facebook and re-adding it.

Drew
Photo of Curt2424

Curt2424

  • 186 Points 100 badge 2x thumb
Shoot. I had high hopes for that one, but alas nada.
Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
Try removing the Facebook follow element again. Publish the site without it, then run the open graph debugger again.

Mike
Photo of Curt2424

Curt2424

  • 186 Points 100 badge 2x thumb
Sadly, no change.
Photo of Mike F.

Mike F., Alum

  • 184,438 Points 100k badge 2x thumb
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/
Photo of lilynelsenmusic7069

lilynelsenmusic7069

  • 102 Points 100 badge 2x thumb
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?
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
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
Photo of malcolmivey97619

malcolmivey97619

  • 112 Points 100 badge 2x thumb
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?
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
malcolmivey97619,

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

Drew
Photo of Leisa

Leisa

  • 396 Points 250 badge 2x thumb
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?.
Photo of Edward5521

Edward5521

  • 342 Points 250 badge 2x thumb
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?
Photo of William S

William S

  • 18,858 Points 10k badge 2x thumb
Hello,

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

Peter0138

  • 82 Points 75 badge 2x thumb
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?
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
Peter0138, This topic shows how to do it, but keep in mind that ultimately Facebook can choose to ignore this code.
Photo of Jennifer5121

Jennifer5121

  • 590 Points 500 badge 2x thumb

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

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

Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
<meta property="og:image" content="http://www.craftshowbooklet.com/2016_Cover_Picture_2.jpg"/>; is the specified image. If you look in the file manager, the image is not published.
Photo of Jennifer5121

Jennifer5121

  • 590 Points 500 badge 2x thumb
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.
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
I haven't seen that, but it appears that you need to do this also in the Facebook developers page.
Photo of Jennifer5121

Jennifer5121

  • 590 Points 500 badge 2x thumb
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!
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
Happy to hear!
Photo of themieleman

themieleman, Champion

  • 58,184 Points 50k badge 2x thumb
On the website editor: Select Insert>Follow Us Link>select from the 4 choices listed. That's it.
Photo of tmhpetrescue2796

tmhpetrescue2796

  • 112 Points 100 badge 2x thumb
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.
Photo of themieleman

themieleman, Champion

  • 58,184 Points 50k badge 2x thumb
Photo of tmhpetrescue2796

tmhpetrescue2796

  • 112 Points 100 badge 2x thumb
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'.
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
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?
Photo of Angel9569

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?
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
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.
Photo of Angel9569

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?
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
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.
Photo of troisutton8297

troisutton8297

  • 146 Points 100 badge 2x thumb
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?
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
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
Photo of troisutton8297

troisutton8297

  • 146 Points 100 badge 2x thumb
what code?
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
In the original post at the top, <meta property="og:image" content="http://www.mydomain.com/facebooklogo.jpg"/>
Photo of troisutton8297

troisutton8297

  • 146 Points 100 badge 2x thumb
All that did was add my fb logo to the list of pics that show up.
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
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.
Photo of Nancy4353

Nancy4353

  • 192 Points 100 badge 2x thumb
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 :)
Photo of Todd H

Todd H, Social Media Specialist

  • 20,044 Points 20k badge 2x thumb
If you are referring to the OG Image meta tag, here is an article with more info about how to change it.
Photo of Angela5675

Angela5675

  • 492 Points 250 badge 2x thumb
I don't have the Design folder, is there another way?
Photo of Angela5675

Angela5675

  • 492 Points 250 badge 2x thumb
I found a way!  I placed an image behind the scroller on my home page and then ran it through the debugger.
Photo of Ron8636

Ron8636

  • 112 Points 100 badge 2x thumb
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.
Photo of Dyan5941

Dyan5941

  • 112 Points 100 badge 2x thumb
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)
Photo of Timothy Coneal

Timothy Coneal

  • 114 Points 100 badge 2x thumb
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.
Photo of Timothy Coneal

Timothy Coneal

  • 114 Points 100 badge 2x thumb
Can you do this for me???
Photo of Todd H

Todd H, Social Media Specialist

  • 20,044 Points 20k badge 2x thumb
What is the domain?
Photo of Timothy Coneal

Timothy Coneal

  • 114 Points 100 badge 2x thumb
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.
Photo of Todd H

Todd H, Social Media Specialist

  • 20,044 Points 20k badge 2x thumb
I have it working now.
Photo of Jennifer5121

Jennifer5121

  • 590 Points 500 badge 2x thumb
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
Photo of Jennifer5121

Jennifer5121

  • 590 Points 500 badge 2x thumb
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.
Photo of Todd H

Todd H, Social Media Specialist

  • 20,044 Points 20k badge 2x thumb
Here is an article with more info about how to change the image Facebook uses to share with.
Photo of Jennifer5121

Jennifer5121

  • 590 Points 500 badge 2x thumb
Do I have to put this the og:image code in my home page only or on the other six pages of my website?
Photo of Raymond8017

Raymond8017

  • 266 Points 250 badge 2x thumb
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!!
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
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.
Photo of Alba2168

Alba2168

  • 106 Points 100 badge 2x thumb
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.
Photo of Drew N

Drew N, Community Manager

  • 259,200 Points 100k badge 2x thumb
Facebook picks whatever image they wish, but you can specify the image by following the instructions above.
Photo of Marlowe9222

Marlowe9222

  • 192 Points 100 badge 2x thumb
I'm having the same problem and I have updated my tag