Now that I have (somewhat) recovered from my Easter Facebook meltdown, I thought I’d take a minute to share a quick Facebook trick that doesn’t seem to be widely known. As you may have noticed when posting a link to your wall, Facebook will automatically grab certain pieces from information from a site to make the link more attractive in your news feed. Did you know there’s an easy way to tell Facebook how to style those little ads?
All you have to do is add a few simple meta tags in the head section of your HTML. As an example, here are the tags I used for our Easter microsite:
<meta property="og:image" content="http://www.liesthechurchbelieves.com/images/lieslogofb.jpg"/>
<meta property="og:url" content="http://www.liesthechurchbelieves.com/"/>
<meta property="og:title" content="Lies the Church Believes"/>
<meta property="og:site_name" content="Lies the Church Believes"/>
<meta property="og:description" content="Hell. Homosexuality. Abortion. Racism. Politics. How does the Church get it wrong? Find out this weekend at Long Hollow Baptist Church." />
Which, in turn, makes the link appear like this on a Facebook wall…
The meta tags themselves are pretty straightforward. As you can see, I supplied a file path to an image, the URL for the site, the title and name to use for the link, and a brief description to explain what people will be clicking on. You can get the full list of available tags on Facebook’s developer site.
What’s your favorite social media trick for spicing up your content? Let us know in the comments below.