Facebook Metadata refers to how your website is portrayed on Facebook when your website is shared on Facebook (or your website is referred to in a post in Facebook).
If you don’t specify these items in your website code, Facebook will try to figure out what to use by grabbing the first image it can find on the web page you are referencing. It will also try to determine the title and description by items on your webpage. These images and items are typically not what you would expect and not what you want to show on a Facebook post.
You can place the Facebook metadata into the HTML Head Content portion of the site template.
- Go to Website / Structure / Edit Page Templates [button] / Edit Design [button, at the top].
Paste the metadata HTML (see below - change for your information) into the "HTML Head Content" box (below anything that may be there).
<meta property="og:title" content="Your Title" />
<meta property="og:description" content="Your Description" />
<meta property="og:url"content="http://www.yourUrl.com" />
<meta property="og:image" content="https://yourimagelocation" />
For the og:image, upload an image to your files. You may have to play with the image size to get it right. You can get a preview of what it will look like by going to the Facebook Debugger website at https://developers.facebook.com/tools/debug/ and entering your website domain as the url (the one you own, not the membershiptoolkit.com website).
Here is an example from the Facebook Debugger site using the website www.giftedmindsprosper.com:
Note: You can also add an image for any specific content page that will display on Facebook when that page is linked to.
- Go to Website / Content / select a page.
- Add/Edit the Story Image.