WebsiteBuilder: OG Image

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

We need to replace the image url with the image you wish to use.
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.
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

To clarify, the code above will go into the Advanced settings in WebsiteBuilder . Even if there's other code in there already, that is ok. Just scroll to the bottom of the existing text/code and then paste in the new code.

Image https//d2r1vs3d9006apcloudfrontnet/s3_images/1832134/13675-15m3dw2_inlinepng1586973703

Add the image to an image gallery, place it anywhere on the page and publish the site.
(this gallery does not need to stay on the website, it will only display temporarily to get the image url)
Visit the published site, open the image, right click on the image and select copy image address.
Paste this url into the code. Remove the current "url" and replace it with the info that was copied.
<meta property="og:image" content="http://www.domain.com/image.jpg"/>
Place the tag into the advanced settings. Under manage>advanced> site meta tags.
Publish. Once you are finished you can remove the image gallery from the site.

Responses

toycrafterdave

2 Messages

•

130 Points

5 years ago

I followed these directions. I got this warning from Facebook: Provided og:image URL, https://storage.googleapis.com/wzsitethumbnails/site-49484794/800x500.jpg could not be processed as an image because it has an invalid content type.

michelle_c

7.6K Messages

•

106.7K Points

That may be the incorrect image address. It should reference a photo when the link is clicked on.
What page is this image published to on the site? I can take a look.

5 years ago

jonathan_t

171 Messages

•

7.6K Points

5 years ago

What's the easiest way to track down the image link? I was also having the same issue as above.

michelle_c

7.6K Messages

•

106.7K Points

Add the image to an image galley and publish, then open the image on the live site and right click selecting copy image address.

5 years ago

jonathan_t

171 Messages

•

7.6K Points

Ok, I'm still having the same issue at ToycrafterDave above. Even when I do that, it defaults to this and this is NOT the link I put in the code. Image: https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/RackMultipart202005131009201rr-d8ef8a93-4455-496c-b209-c681ef3acf30-189957204.JPG1589390591

Image: https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/RackMultipart202005131009201rr-d8ef8a93-4455-496c-b209-c681ef3acf30-189957204.JPG1589390591

5 years ago

michelle_c

7.6K Messages

•

106.7K Points

Odd, I can try to extract the URL, that does look a little different than it usually would. What image do you want to use and what site is it on?

5 years ago

jonathan_t

171 Messages

•

7.6K Points

https://v2detailing.com/x/cdn/?https://storage.googleapis.com/production-homestead-v1-0-3/623/207623...

5 years ago

jonathan_t

171 Messages

•

7.6K Points

5 years ago

scott5679

23 Messages

•

642 Points

4 years ago

That's awesome.

Quick question.. is there a way to have different images appear for different pages?

michelle_c

7.6K Messages

•

106.7K Points

Hello Scott,

You can set up different tags per page. To do so the OG tag would need to be changed in the header of each page.

4 years ago

scott5679

23 Messages

•

642 Points

Thanks Michelle :)

4 years ago

michelle_c

7.6K Messages

•

106.7K Points

You are welcome.

4 years ago

jennifer8077

15 Messages

•

472 Points

4 years ago

Having some difficulty. What is the url address for the logo on the top of my website castellanomusic.net?

michelle_c

7.6K Messages

•

106.7K Points

The image will first need to be added to an image gallery and published. Click on the image from the published site to open it. Then right click and select copy image address.

4 years ago

jennifer8077

15 Messages

•

472 Points

I imported the image into the image gallary and then put it on the site. I saved it and published it.

When I right click on it, I have no such option for copy image address.

4 years ago

michelle_c

7.6K Messages

•

106.7K Points

Perfect, after it is published in the gallery click on the image to expand it, opening the image in the gallery. From this window right click and you will see copy image address.

Image: https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/22220r747ug_inline-897adf8a-3535-446d-94cd-feb632b9e1c0-1500732181.png1596127304

Image: https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/22220r747ug_inline-897adf8a-3535-446d-94cd-feb632b9e1c0-1500732181.png1596127304

4 years ago

jennifer8077

15 Messages

•

472 Points

Uh I am not seeing any of that. I can only place the image or delete it.

4 years ago

michelle_c

7.6K Messages

•

106.7K Points

This will be done from the published website.

4 years ago

jennifer8077

15 Messages

•

472 Points

4 years ago

This is what I see when I try to post the link to the website to social media. Image: https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/RackMultipart20200730230231v78-2181ca7a-5fda-4e84-b341-9cba03a16b56-1023356822.png1596131261

Image: https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/RackMultipart20200730230231v78-2181ca7a-5fda-4e84-b341-9cba03a16b56-1023356822.png1596131261

michelle_c

7.6K Messages

•

106.7K Points

I ran the url through the debugger https://developers.facebook.com/tools/debug and it does preview the correct image now. Also when I go to share it, its showing. It may have taken a few minutes to debug but you are all set.

4 years ago

wendy8827

10 Messages

•

316 Points

4 years ago

I am having the same issues with my site www.seasonscounselingwnc.com. Please help, I'd like for the little leaf to show as my pic. I made an image gallery, inserted it, published it, then added it's location to the settings, but it still shows in FB debugger as something else.

Provided og:image URL, https://storage.googleapis.com/wzsitethumbnails/site-49649513/800x500.jpg could not be processed as an image because it has an invalid content type.

I changed this but it's not updating.

michelle_c

7.6K Messages

•

106.7K Points

Hello Wendy8827,

The og image tag is added to the site properly, however, the builder is having issues reading and displaying the code. I have added a this to a ticket and it should be getting resolved soon. Thanks for understanding.

4 years ago

wendy8827

10 Messages

•

316 Points

Any update on this? My image is still not loading.

4 years ago

wendy8827

10 Messages

•

316 Points

Can someone PLEASE help me with this??? As you can see, my last request is 18 days ago and this is still an issue.

4 years ago

michelle_c

7.6K Messages

•

106.7K Points

Hello Wendy,

Do you need assistance adding the OG image tag? What step are you having trouble with?

4 years ago

wendy8827

10 Messages

•

316 Points

I'm having trouble with builder having issues reading and displaying the code, per your comment to me above. I have done all of the steps. I need someone to help me resolve whatever the issue is on Homestead.

4 years ago

ian2854

1 Message

•

62 Points

4 years ago

"The image will first need to be added to an image gallery and published. Click on the image from the published site to open it. Then right click and select copy image address. "

Just as jennifer 8077, I have no such option to copy the image address after adding image to an image gallery, published it, opened...nothing. Right clicking gives only

https://i.gyazo.com/b1fd3987893d3a134a392b36ee8197dd.png

Thinking this might be a Chrome issue, I have tried also Microsoft Edge, same result.

I'm looking to get the image address, has this issue been resolved ?

endurance_live_community

105 Messages

•

4.1K Points

Hello,

I am able to see this option in Chrome with images placed in a gallery. What website did you add this to? I can review it on my end.

4 years ago

lee3878

3 Messages

•

100 Points

4 years ago

OK. This all completely new to me. When you say paste the url into the code, where do I go to do that?

michelle_c

7.6K Messages

•

106.7K Points

When you add the image to the site, you can right-click and get the image address. Then add this URL or image address into the code after content="enter url here"

4 years ago

pam1796

5 Messages

•

172 Points

4 years ago

I followed the steps and the image appears in the Facebook Debugger, but the image isn't showing up when I share on FB.

https://www.pilatesyogatraining.com/

michelle_c

7.6K Messages

•

106.7K Points

Hello,

The tag is set up correctly and I do see the image appearing when I go to share the link on Facebook. Here is what I see.

4 years ago

tim0155

27 Messages

•

402 Points

4 years ago

I have followed the instructions and get this message on the FB Debug page:

Invalid Image Content Type

Provided og:image URL, https://sporthorseauctions.com/x/cdn/?https://storage.googleapis.com/production-homestead-v1-0-6/616/222616/lRlQW5l1/6a2d414713ab42a99db64c1ffe9a337c.jpg could not be processed as an image because it has an invalid content type.

This is the meta code

tim0155

27 Messages

•

402 Points

Got it - I removed ".jpg" from the meta code

Once I took .jpg out of the url, I was able to find the image. That let me know that I had to take it out of the meta code.

4 years ago

michelle_c

7.6K Messages

•

106.7K Points

Awesome, I was just looking at it. I am glad you got it worked out, great job.

4 years ago

lisa7116

24 Messages

•

1.1K Points

4 years ago

If someone will help me, I would greatly appreciate it. I cannot get this to work. My website is www.carterchristianchurch.com. My image address is https://www.carterchristianchurch.com/publishImages/OGImageforFacebook~~element20~~0.jpg

I have this is my advanced settings on my home page

Facebook DeBugger says Provided og:image URL, https://www.carterchristianchurch.com/publishImages/OGImageforFacebook~~element20~~0.jpg was not a valid URL.

PLEASE help! Thank you!

elyzabethv

11.1K Messages

•

145.6K Points

Hello,

When I check this in the Facebook Debugger tool, I got this information:
Provided og:image URL, https://www.carterchristianchurch.com/OG_for_Facebook.jpg was not valid because it did not meet the minimum size constraint of 200px by 200px.

4 years ago

lisa7116

24 Messages

•

1.1K Points

I could really use some help. I changed my image and found the image directly from my website instead of doing the right click. I used the meta tag as

Now, Facebook debugger says, Provided og:image URL, https://www.carterchristianchurch.com/OG_for_Facebook.jpg was not valid because it did not meet the minimum size constraint of 200px by 200px.

This image is over 200 x 200. HELP!

4 years ago

michelle_c

7.6K Messages

•

106.7K Points

Hello,

If you are receiving this message the image will need to be resized to fit the requirements. I would recommend resizing the image and adding it to the code once again,.

4 years ago

lisa7116

24 Messages

•

1.1K Points

Thanks for responding!

4 years ago

lisa7116

24 Messages

•

1.1K Points

4 years ago

After searching Google for this problem, I finally found a solution. If your website is https, Facebook Debugger will not read the image correctly. The following is the tag I used, and it finally worked. You have to add it to each page.

I hope this helps someone.

michelle_c

7.6K Messages

•

106.7K Points

I am very happy you were able to get this resolved. I am sure this will be helpful to others, thank you for sharing.

4 years ago

lisa7116

24 Messages

•

1.1K Points

Thanks and have a great day!

4 years ago

lisa7116

24 Messages

•

1.1K Points

4 years ago

Why it didn't paste the code, I have no idea. The code is

lisa7116

24 Messages

•

1.1K Points

4 years ago

Well, it won't paste the code. I shall try one more time.

debbee8274

1 Message

•

60 Points

3 years ago

This worked great, thanks, but Facebook Debugger now saying, "The following required properties are missing: og:url, og:type, og:title, og:description, fb:app_id" ??

michelle_c

7.6K Messages

•

106.7K Points

Awesome, please call support at 1-800-710-1998 to get further assistance with this, we are reopen today till 5 pm MST.

3 years ago

homestead_faq

WebsiteBuilder: OG Image

toycrafterdave

michelle_c

jonathan_t

michelle_c

jonathan_t

michelle_c

jonathan_t

jonathan_t

scott5679

michelle_c

scott5679

michelle_c

jennifer8077

michelle_c

jennifer8077

michelle_c

jennifer8077

michelle_c

jennifer8077

michelle_c

wendy8827

michelle_c

wendy8827

wendy8827

michelle_c

wendy8827

ian2854

endurance_live_community

lee3878

michelle_c

pam1796

michelle_c

tim0155

tim0155

michelle_c

lisa7116

elyzabethv

lisa7116

michelle_c

lisa7116

lisa7116

michelle_c

lisa7116

lisa7116

lisa7116

debbee8274

michelle_c

Related Conversations