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.
To ensure your page has the correct content when shared across social media channels, follow the steps below.
- 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." />
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. If the new information doesn't display in Facebook's debugger right away, wait 20-30 minutes and try again.