Tips for authors: metadata for social networks

At the present almost every user generated content is shared on social networks.

Information which Facebook, Twitter, LinkedIn and Google can retrieve about page content aren’t always complete. To help crawler to better understand what they are reading you can use different kinds of metatags to add information about you and your content.

Last week I added these to my WordPress blog.

Google Authorship

Allow author to connect his Google+ profile to his blog. Every article contains some metatags with information about the author and the URL.

<link href="http://usefulstuff.io/2013/07/more-about-big-data-ecosystem/" rel="canonical" />
<link href="http://usefulstuff.io/?p=890" rel="shortlink" />
<link href="https://plus.google.com/104663370650182235263" rel="author" />
<link href="https://plus.google.com/104663370650182235263" rel="publisher" />

The best plugin I found is Google Author Link.

google_authorship

Twitter Cards

Generate inline content previews on Twitter.com and Twitter clients. They make it possible to attach media experiences to Tweets that link to your content.

<meta name="twitter:card" content="summary" />
<meta name="twitter:creator" content="@zenkay" />
<meta name="twitter:site" content="@zenkay" />
<meta name="twitter:title" content="More about big-data ecosystem" />
<meta name="twitter:description" content="Last month while I was inspecting the Hadoop ecosystem I found many other software related to big-data. Below the (incomplete again) list.N.B. Informations and texts are taken from official websites or sources referenced at the …" />
<meta name="twitter:image" content="http://usefulstuff.io/default.png" />

Best plugin I found is JM Twitter Cards but is not flexible enough and I’m looking for something else.

twitter_cards

Open Graph

open_graph_logoProtocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

Best plugin is WP Facebook Open Graph Protocol. Despite its name it work with every website supports Open Graph protocol.

<meta content="http://usefulstuff.io/2013/07/more-about-big-data-ecosystem/" />
<meta content="More about big-data ecosystem" />
<meta content="Useful Stuff" />
<meta content="Last month while I was inspecting the Hadoop ecosystem I found many other software related to big-data. Below the (incomplete again) list.  N.B. Informations " />
<meta content="article" />
<meta content="en_us" />

How it looks on Facebook:

facebook_open_graph

How it looks on LinkedIn:

linkedin_open_graph