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.

[JamesKiernan]

Hi Bernadette, no I didn't get an email, did you send it to james@discoveraloe.net?

Website is: www.njkiernan.com/opportunity

here is the code I used generated by metatags.io

<!-- Primary Meta Tags -->
<title>Come work with us</title>
<meta name="title" content="Come work with us">
<meta name="description" content="">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.njkiernan.com/opportunity.html">
<meta property="og:title" content="Come work with us">
<meta property="og:description" content="">
<meta property="og:image" content="https://www.njkiernan.com/uploads/2/6/0/0/2600919/img-0533_4_orig.jpg">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.njkiernan.com/opportunity.html">
<meta property="twitter:title" content="Come work with us">
<meta property="twitter:description" content="">
<meta property="twitter:image" content="https://www.njkiernan.com/uploads/2/6/0/0/2600919/img-0533_4_orig.jpg">

[Bernadette3]

I'll resend it to you. Sometimes there is a delay with Facebook updating, but it looks like everything is setup properly. Did you publish after adding the meta tags? 

[JamesKiernan]

It's working!!!
Yes I saved the changes and then published the page. Looks like it just took an hour or so to update, maybe I need to work on being patient lol 

I was checking it with https://developers.facebook.com/tools/debug/sharing/?q=njkiernan.com%2Fopportunity
and www.metatags.io to write the code

Still nothing through on the email though

[Bernadette3]

Woohoo! So glad to hear it's working for you. I'm resending the ticket right now as I needed to confirm with tech support what your options were. It looks like they can update you to a newer dashboard! It will be quite a drastic change, but well worth it IMO.  

[matthewc]

Hi there! I tried using your code. It's awesome. Except! On my actual website it added a horizontal black bar at the top. On every page. Something inside the header code I'm assuming? This is the code I'm using. Any help appreciated! 

<!-- Primary Meta Tags -->
<title>Subscribe</title>
<meta name="title" content=“Subscribe”>
<meta name="description" content="">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.survivorsguidetoearth.com/subscribe.html">
<meta property="og:title" content=“Subscribe”>
<meta property="og:description" content=“”>
<meta property="og:image" content="https://www.survivorsguidetoearth.com/uploads/1/1/0/6/110622211/subscribe-copy_orig.jpg">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.survivorsguidetoearth.com/subscribe.html">
<meta property="twitter:title" content=“Subscribe”>
<meta property="twitter:description" content=“”>
<meta property="twitter:image" content="https://www.survivorsguidetoearth.com/uploads/1/1/0/6/110622211/subscribe-copy_orig.jpg”>

[Bernadette3]

I'm not familiar with the additional details in your code, @matthewc and I don't see any reason why it would add the bar.. Have you tried adding the code to SEO>Settings>Header instead of the individual page?  

[cwwppvuk]

I searched the community and tried every suggestion for changing the website image preview, but nothing worked for me. Help!

[Bernadette3]

Hi @cwwppvuk What is the name of the site, and is the image you wish to use on your site? 

[cwwppvuk]

The name of the site is www.cwwpp.org and the image is on the page made hidden https://www.cwwpp.org/image.html like somebody mentioned in the community.

[Bernadette3]

Oh, perfect! You're two steps ahead of me. Copy/paste this code into Settings>SEO>Header. Then save and publish. After you publish, you can update Facebook by scraping the url in the Facebook Debugger tool. Let me know if you have any questions. 

<meta property="og:image" content="https://www.cwwpp.org/uploads/7/6/9/3/76935169/resize-1585906177778735663cwwpplogo_orig.jpg" />

[cwwppvuk]

Thanks, it works. However, scraper says: "The following required properties are missing: og:type, fb:app_id" Should I worry about that?

[Adam7]

I wouldn't worry about those, @cwwppvuk; they won't affect the image showing with your post.

[Fancy323]

I need some help as well please. I am trying to create logo for my thumbnail so when i post it anywhere i will have an image to display with my link. i have read through several of these threads and am now confused. I have copied the meta tag info my header portion of the SEO page, but running the facebook debugger i still dont see an image. the part i am confused about it the image address itself.

Do i create a hidden page and use the image address from the image i upload there?
Do i use an image i already have from my home page and get the image address that way and input it into the meta tag?

please help

website: www.illustriousfinancialsolutions.com
and i want my logo to show for my preview thumbnail

[Adam7]

Thanks for posting, @Fancy323.

Since your site is hosted using a third party host I can't log in to see what you've added. Can you contact your current host so they can take a look?

[alexrock]

This image should be 1200x627 pixels and no more than 5MB. 

[cindysnowlove]

I am having trouble with this and the Weebly support tech just gave up. Site is www.cindylove.life and the header code I am using is:

<meta property="og:image" content="https://cindylove.life/uploads/b/137672369/background-images/1817676682.jpg” />

Also, when I debug on FB I get an error "<link id= was not a valid URL."

[Bernadette3]

Thanks for reaching out, @cindysnowlove Sorry to hear you are having trouble with your thumbnail. 

Is the image you wish to use the one on the page titled "test"? Do we have permission to publish the site if needed. 

[Success4hoopz]

<meta property="og:image" content="

https://www.success4hoopz.com/uploads/5/9/3/5/59352731/editor/yo-though.jpg?1634706122

" />

why is this not working...

you would think weebly would just add this option to the builder? Am I not getting the url for my photo correct? 

[Success4hoopz]

<meta property="og:image" content="https://www.success4hoopz.com/uploads/5/9/3/5/59352731/editor/yo-though.jpg?1634706122" />

why is this not working...

you would think weebly would just add this option to the builder? Am I not getting the url for my photo correct? 

[nuntuket]

Hi Bernadette,

I'm experiencing the same issue and would like to change the thumbnail to my company logo. Can you please help me do this?

[Bernadette3]

Sure thing, @nuntuket What is the name of the site and is the logo added to your site with an Image element, or is it just located in the logo area of the site?