How do I specify an image for sharing on social media?

[JamesKiernan]

[Note: The title of this post has been edited by a moderator.]

How can I change website thumbnail? It is defaulting to a certain photo on my site but I want to select a more specific photo/logo that represents our brand and makes a better first impression when sending the link to potential clients. I googled how to do it and found some code that includes the url for the photo that I want to use and placing that in the page header but didn't work for me.

[julie703]

Hi there, I want to change the image that appears when you text the web address -- is that the same thing you're talking about here? Thanks!

[Bernadette3]

Hi @julie703 Yes, that is the subject of this thread. What is the full url you are trying to share, and is the image located on your site? 

[mwweebly]

Can you please help me with the website link thumbnail? 

www.3-riversconsulting.com

I would like to use the header image.

Thank you!

[Bernadette3]

Do you still need help with this, @mwweebly ? When I check the Facebook debugger tool it looks like it is showing the correct image. 

[mwweebly]

Solved without any changes on my part,  I just reposted it and the header shows up! Hope it sticks!

[Bernadette3]

Thanks for letting us know. A re-publish can often fix many issues and any changes you make in the editor would need to be published in order for the edits to go live. 

[dirfloortime]

I have same problem with https://www.dirfloortimecoalition.com/events.html

I would like the image of the mom/child to display or the square logo of ours at the very bottom of the page: Floortime Coalition of California

certainly don't want a part of the logo of one of our sponsors, GRAND, to show with our link!!! 

I don't know how to embed code to fix this OR how to run Facebook debugger

[Adam7]

It might possibly be an issue with that older theme and how images are shown to Facebook, although I'm not 100% positive with that, @dirfloortime. I would initially try changing to a different theme to see if that helps. Be sure to publish afterward and also have Facebook scrape new information with the Facebook sharing debugger.

[shelbybenge]

I was able to get my thumbnail changed, but when i tried to update it, it won't change. This is the code I'm using: <meta property="og:image" content="https://shelbyholloway.weebly.com/uploads/2/4/2/4/24245871/screen-shot-2020-08-20-at-2-43-21-pm_orig..." />

but it's still showing the old image not the one in the code

[Bernadette3]

Hi Shelby. Is this the image you are trying to display? Did you publish the site after adding the code to Settings>SEO>Header?

*Edit* the image url in the code I see in the header section is:

https://shelbyholloway.weebly.com/uploads/2/4/2/4/24245871/shelby-holloway_orig.png

[shelbybenge]

Hi! Yeah, I just swapped out the code, so what I have in there currently is:
<meta property="og:image" content="https://shelbyholloway.weebly.com/uploads/2/4/2/4/24245871/screen-shot-2020-08-20-at-2-43-21-pm_orig..." />

it's still not populating though even after I've published it

[Adam7]

What page of your site is that on, @shelbybenge? Facebook will cache page information, so you might have to have them scrape new information with their debug tool. 

[shelbybenge]

It's just on my homepage - I've cleared my cahce and my browsing history and it's still showing up as the old image

[Bernadette3]

I still see this code:

<meta property="og:image" content="https://shelbyholloway.weebly.com/uploads/2/4/2/4/24245871/shelby-holloway_orig.png" />

This is the FB Debugger preview. ^ I really like this image, btw! If you want to use the screenshot in this code: 

<meta property="og:image" content="https://shelbyholloway.weebly.com/uploads/2/4/2/4/24245871/screen-shot-2020-08-20-at-2-43-21-pm_orig..." />

You will need to edit the code once more. Did you save the changes you made before publishing? The save button is in the bottom right corner of the screen. 

[shelbybenge]

hmm, so when i go in there, i looked for the save button and don't see it?

[Bernadette3]

Ah, sorry. Remove the code from the page you are on and click on the Settings tab at the top. Then scroll to SEO>Header and replace the code that is listed with the new one. 

After you save, publish the site again then re-scrape using the Facebook Debugger tool. 

[shelbybenge]

That did it!!! Thank you!! 

[Fan11]

I would also like to change the thumbnail to my website: fantasia-painter.com; I would like the thumbnail to be the image from https://www.fantasia-painter.com/research.html is that possible? 

[Adam7]

Is it the background image, @Fan1?

[Fan11]

@Adam yes, it is a picture of a steel fence with a gap and in that gap is a cacuts

[Adam7 · Accepted solution]

WIth the classic Weebly drag and drop editor, you can specify a specific image by using a meta tag. Use this URL of an image file with the meta tag like this:

<meta property="og:image" content="https://www.google.com/someimage.jpg" />

Simply replace everything within the double quotes after content= with the URL of your own image, then add it the Header Code field in Settings > SEO in the website editor. You can also do this on a per-page basis by going to the Pages tab, clicking on a page, then adding it to the Header Code field found in SEO Settings. If you haven't already added the image to your site somewhere, you can also add it to a hidden page and then right-click on the image on the hidden page to copy the URL.

For sites built using the Square Online editor, you can do this for every page of your site within the website editor. Navigate to the page, then click on the gear icon on the left and choose Page settings. Go to the Social tab on the popup, then add an image to the Social image option. You can also set one for the whole site by going to Website > SEO & Social Media, click on Update social media, then adding an image on the Social tab of the popup.

Regardless of which editor you have, don't forget to publish afterward. You may also want to use the Facebook debugger to scrape your site again, since Facebook may use older cached images without doing that.