How can I change the preview of my page on social networks? (Standard Builder)
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, Google+, and other platforms 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"/>
Additional options and more information
For more information about Open Graph tags—and for a list of other tags you can include—visit http://opengraphprotocol.org/
Once you create the code follow these steps:
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.
Paste the code in the Head-Tag Tracking Code section.
Click Done and Save
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 seven days, so a new preview won’t be generated right away when you update meta tags for LinkedIn. However, you can alter the URL by adding a query parameter, and LinkedIn should treat the link as a new source.
For example, if your page’s URL looks like this…
…you can change it to something like
Sharing the modified URL should ensure LinkedIn uses any new meta tags you’ve added.
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.
(Updated June 05, 2017)
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.