How Do I Optimize My Pages to Share on Twitter/Facebook/LinkedIn?

Follow

If you’re looking to share your Unbounce page on social media like Facebook, Google+ or LinkedIn, you’ll likely want to optimize the content that is displayed in the sharing process - including a unique title, photo and description. By default, each social network will attempt to grab content from the page dynamically and make a guess as to which content is displayed. You can override this functionality and specify the content to be shared by implementing something called Open Graph Tags.

To see what this looks like in action, take a look at the two posts below. Both posts are sharing the same Unbounce URL; one is optimized for social sharing, while the other is not. 

FB OG Tags Before and After.jpg

To ensure your page has the correct content when shared across social media channels, follow the steps below.

      1. Copy the following HTML:
        • <meta property="og:title" content="Unbounce Open House" /> 
          <meta property="og:url" content="http://go.unbounce.com/openhouse/"/>
          <meta property="og:type" content="website" />
          <meta property="og:image" content="http://yourimagehost.com/yourimage.jpg" />
        • <meta property="og:image:width" content="400" />
          <meta property="og:image:height" content="300" />
          <meta property="og:description" content="Hey you! Drink Beer with Us! We're a pretty friendly crew at Unbounce and we like to meet new friends - whether it's work peers, potential team members, or cool peeps from the Vancouver tech community." />
      2. Paste this HTML into the Javascripts tab on your landing page and set 'Placement' to 'Head'.og_tags.png
      3. Find the URL of the image you want to use. If you don't have it uploaded already, you can use a free external image hosting service such as Amazon Web Services (AWS) and grab the image URL from there. Your image should be at least 600 x 315 pixels – but if you can, try to use images that are 1200 x 630 pixels for the best display across most social networks on high resolution devices. Add your image width and height to the width and height tags.
      4. Edit the values in the HTML code, replacing the existing values with the appropriate image URL and details about your page.
      5. Save and republish your page.

Note:

If you've already shared your page on Facebook before implementing Open Graph tags, you'll most likely need to have Facebook update their cache by using Facebook's Open Graph Debugging Tool. Just put the URL of your published page into the debugger and choose Fetch New Scrape Information.


Was this article helpful?
0 out of 0 found this helpful