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?

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 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 blue 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/

Once you create the code follow these steps: 

Step 1: 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

Step 2: Paste the code in the Head-Tag Tracking Code section.

Paste code in the Head-Tag Tracking Code section

Step 3: Click Done and Save

Click Done and Save

Step 4: 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 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… 

https://abc.lpages.co/ebook-offer 

…you can change it to something like

https://abc.lpages.co/ebook-offer?q=1

Sharing the modified URL should ensure LinkedIn uses any new meta tags you’ve added.

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 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.

Was this article helpful?
4 out of 6 found this helpful
Powered by Zendesk