homestead_faq's profileBrand User

677 Messages

 • 

44.6K Points

Wednesday, July 17th, 2019 11:00 PM

Sitebuilder Plus: OG Image

Sitebuilder Plus: OG Image

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

To clarify,  the code above will go into the Head section. 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.  You just need to edit the url in the code as shown below.

http://www.mydomain.com/facebooklogo.jpg <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.  You will have to be sure that the image is published in the File Manager also.

14 Messages

 • 

296 Points

1 year ago

So would I add this in “Page Settings” Advanced Settings”?

<"https://www.gekrestorations.com/index.html/MTPhotos.jpg"/>

I also Debugged and Scraped but nothing changed.

Brand User

11K Messages

 • 

144.9K Points

No, it would be 

<meta property="og:image" content="https://www.gekrestorations.com/index.html/MTPhotos.jpg"/>

14 Messages

 • 

296 Points

Thanks, I have tried that installing in the Page Settings, Advenced Settings, <head> tag HTML :. I keep getting this message in Facebook Debugger and the photo doesn't change:

Warnings That Should Be Fixed
  • Inferred Property
    The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.