Social Media Meta Tags

Writing articles on your website is a great way to improve traffic.  Quality articles often get passed around on social media (like Twitter and Facebook).  Social Media Meta Tags can help you articles look more visually appealing, and thus get more clicks on social media.

By default shared articles may look like this...



With social media meta tags, articles look more like this...


Here's the Code:

Minimum Social Media Tag Template (for Articles)

<!-- Twitter Card data -->
<meta name="twitter:card" value="summary">

<!-- Open Graph (facebook) data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content=" http://www.example.com/" />
<meta property="og:image" content=" http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />

References:

18 Meta Tags Every Webpage Should Have in 2013

Must-Have Social Meta Tags for Twitter, Google+, Facebook and More

Social Media Meta Tags: How to Use Open Graph and Cards