Oftentimes when you are sharing a URL on Facebook, Twitter, LinkedIn, and Google+ the preview may appear different than you'd expect. This article will walk you through how to add Open Graph tags to your Leadpage so you can have more control over your preview.
Open Graph Tags
The Open Graph Protocol creates a way for pages to deliver content that can be added to a social graph. Facebook, LinkedIn, and Google+ use this information to generate previews of pages that match other types of content (such as posts, stories, etc.).
This is done by adding meta tags to the
<head> section of any web page.
The basic tags you can use are:
<meta property="og:url" content="Your Leadpages URL
<meta property="og:title" content="The title of your page
<meta property="og:image" content="URL of the image you'd like to use
<meta property="og:description" content="Your description
<meta property="og:type" content="website"/>
Note: You will need to replace everything in bold inside of the "" with the content you want to appear in your preview.
Additional options and more information
For more information about Open Graph tags—and for a list of other tags you can include—please visit http://opengraphprotocol.org/
Add the code to your Leadpage
Once you have edited the code accordingly you can copy it and place in the Tracking Code section of your Leadpage.
Run your URL through the Facebook Debugger Tool
Once you have added your Open Graph tags to your Leadpage and saved you will need to pass your URL through the Facebook Debugger Tool. This will tell Facebook to crawl your page and look for the updated information.
You may need to tweak the code depending on the information that is returned in the debugger. Suggestions and changes will be shown if your code is not correct.
Content shared on LinkedIn is cached by LinkedIn’s servers for about 7 days. There is currently no way to manually clear their cache other than waiting for it to expire. Therefore, any meta tags that have added will not affect the LinkedIn preview of your page for 7 days.
Twitter uses different meta tags called Twitter Cards. These cards can also be added to the tracking code section of your page along with the Open Graph tags. For more information and instructions for Twitter Cards please visit: https://dev.twitter.com/cards/overview
Please let us know if you have additional questions.
You can always file a support ticket if you have additional questions by clicking the Support button in your dashboard shown here or clicking here to file a support ticket.