Have you ever shared a LeadPages URL link on Facebook, and the link preview is jacked up?

It happens every day to you, me, and everyone else.  You go to share your LeadPages URL on Facebook and instead of seeing your pretty page you worked so hard on, you get problems like this:

  • No image shows up when you share your LeadPages link
  • An image, or several images DO show up… but not the one you want
  • Or you just see some mumbo-jumbo and not a good page title or description

LeadPages-link-preview-not-workingThere’s a simple fix to this LeadPages display problem. 

We’re going to show you how to set your own image, page title, and description in LeadPages using Facebook Open Graph Tags. 

After completing these simple steps, when you share your LeadPages URL on Facebook, the link preview will show up EXACTLY how you want it to from now on.

 

This quick tutorial video walks you through exactly how to use Facebook open graph tags with LeadPages, but if you prefer the text instructions, keep scrolling down…

 

6 Simple Steps on How to Use Facebook Open Graph Tags When Sharing LeagPages URL Links on Social Media

STEP 1: Choose your image, and upload it.

You have two choices for this. You can upload the image to your website media files and grab the URL location link from there. Or, you can use a free, secure hosting site to upload your images and use their URL.

STEP 2: Get Your Code Ready

This is the code that tells Facebook what to display, what the descriptions will be, and all of the other meta content.

Below we’ve given you the simple open graph tags HTML code to copy/paste into LeadPages for the next step. All of the information in bold will need to be replaced with your links, names, and meta content.

<meta property=”og:site_name” content=”NAME OF WEBSITE“>
<meta property=”og:url” content=”URL OF LEADPAGES PAGE YOUR OPEN GRAPH TAGS WILL BE ADDED TO“>
<meta property=”og:title” content=”NAME OF PAGE OR OFFER“>
<meta property=”og:image” content=”IMAGE URL“>
<meta property=”og:image:secure_url” content=”SECURE HTTPS IMAGE URL“>
<meta property=”og:image:type” content=”image/EXT“>
<meta property=”og:image:width” content=”YOUR IMAGE WIDTH“>
<meta property=”og:image:height” content=”YOUR IMAGE HEIGHT“>
<meta property=”og:description” content=”YOUR PAGES DESCRIPTION“>
<meta property=”og:type” content=”website“/>

Line 1: Name of Website: Just enter the name of your website you want to show in the Facebook link preview.

Line 2: URL of LeadPages page your open graph tags will be added to: This is pretty self explanatory.  Just enter the URL of your LeadPages page.

Line 3: The page title you want to show up in bold on the link preview in Facebook: Enter the name of your page or offer title you want to show in the Facebook link preview.

Lines 4-8: The next five lines are all about image information

  • Line 4: Enter the image URL from your site or the free secure server you have chosen to use.
  • Line 5: The secure image URL which is the same as the image URL in Line 4 but make sure there is an ‘s’ after the http; in the URL .
  • Line 6: The type of image, whether it’s a png or jpeg.
  • Line 7: The image width.
  • Line 8: The image height.

Line 9: Provide your Meta Description: You have up to 300 characters to use in this section.  Make sure to create compelling copy to entice people to click and follow through on your call to action.

Line 10: The content type: Here you’re going to put the webpage or whatever type of content it is that you are directing to.  In the video you can see we are directing to a website so we placed our own URL in this section.

STEP 3: Paste the code into LeadPages.

  • Just copy the html code containing the open graph tags
  • Log into your LeadPages account and the page you need to fix
  • Click on LeadPages options
  • Select tracking codes
  • Then paste the Facebook open graph tags html code into the “head tag tracking code” box
  • Then click the blue “done” button

Paste Code Into LeadPages

STEP 4: Publish your page.

Save and publish your LeadPages page and grab your URL.

STEP 5: Run the LeadPages URL through the Facebook debugger to clear the cache.

  • Paste the LeadPages URL into the debugger tool
  • Select debug
  • Then scroll down the page to see if all the info you entered is correct, your page title, the image you want to display on Facebook preview, your description, and link.
  • Everything you entered in the open graph tags should be visible in the preview.

Run Facebook Debugging Tool

STEP 6: Refresh Facebook and create a post, pasting your LeadPages URL.

Voila! Now you should see the correct page title, description and image for your LeadPages link preview.

And there you have it, folks.

Hey, have you seen our fully customizable LeadPages template?

Every single element is customizable and the entire design was based on what we learned after $48,210 spent on driving traffic to THAT specific page (so yeah, you can say it was built to convert)… Check it out below >>

summit-template-fb-ad1

Leave a Comment

comments