Pull a specific page title, description and image into your Facebook posts with Open Graph meta tags

Follow

Open Graph is a technology first introduced by Facebook that allows integration between Facebook and its user data and a website. By integrating Open Graph meta tags into your page, you can identify which elements of your page you want to show when you share a link to the page on Facebook.

For example, you can specify what image you want Facebook to use when your page is shared. By specifying Open Graph information, Facebook doesn't have to guess what information to use when you share your page in a post.

You can enter the Open Graph title, description, and image by adding the following code to the "Custom HTML codes" box on the Advanced tab in the page wizard (Website > Pages > Edit Page), changing the text below in bold to your own copy or image URL.

Code for Page Title

<meta property="og:title" content="Public Speaking Tips - Heroic Public Speaking" />

Code for Page Description

<meta property="og:description" name="description" content="Public speaking, presentation, and communication skills for the amateur and professional public speaker. Online training, live events, corporate training and private coaching in public speaking. Close deals, give better presentations, get promoted and steal the show in high stakes situations." />

Code for Image

<meta property="og:image" content="https://heroicpublicspeaking.com/home1/assets/images/fb-share.jpg"/>

Note: For the image, you will need to upload the image you want to use into your TCC system, then enter the URL for that image into the code above. For information on the best image sizes, click here.

After you add the O code to the Advanced tab and save the page you MUST use the Facebook debugging tool to pull in the new information.

Log into your Facebook account and use this link in your browser navigation bar:

https://developers.facebook.com/tools/debug/

That will take you to the debugging page. Enter the full URL for your TCC page, then click the "Fetch new scrape information" to update the Facebook cache with the new Open Graph info for the page.

Have more questions? Submit a request

Comments

Powered by Zendesk