ConvertedU Marketing Library Webinar Blog

Need help? You've come to the right place

What's New Getting Started Drag and Drop Standard Builder Integrations Center

How can I change the preview of my page on social networks?

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 Code

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.

Add the code to your LeadPage

Paste code in the Head-Tag Tracking Code section

Paste code in the Head-Tag Tracking Code section

Click Done and Save

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.

Run your URL through the Facebook Debugger Tool

LinkedIn Caching

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

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 05/16/2016)


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.

 
Was this article helpful?
3 out of 3 found this helpful
Powered by Zendesk