Add Facebook OpenGraph and Twitter Card meta tags

[zeke]

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<meta name="keywords" content="">

<meta property="fb:app_id" content="130164583741660" />
<meta name="twitter:site" content="@TheAVClub">

<meta property="og:title" content="Obama ends the Kendrick vs. Drake feud, declares Kendrick the better rapper" />
<meta property="og:url" content="https://www.avclub.com/article/obama-ends-kendrick-vs-drake-feud-declares-kendric-230839" />
<meta property="og:image" content="https://i.onionstatic.com/avclub/5681/68/16x9/1200.jpg" />
<meta property="og:description" content="2016 is President Obama’s last full year in office, and while he has many important issues to deal with in that year—global warming, curing cancer, fighting ISIS, growing the national economy—he did make time to answer one of the great questions of our era. Yes, seconds after answering what kind of "/>
<meta property="og:type" content="article" />
<meta property="article:publisher" content="https://www.facebook.com/theavclub" />
<meta property="article:published_time" content="2016-01-15T16:27:00-06:00" />

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Obama ends the Kendrick vs. Drake feud, declares Kendrick the better rapper">
<meta name="twitter:description" content="">
<meta property="twitter:image" content="https://i.onionstatic.com/avclub/5681/68/16x9/1200.jpg" />

[zeke]

A nice example: https://standupjack.com/

[zeke]

When the Twitter card processor looks for tags on your page, it first checks for the Twitter property, and if not present, falls back to the supported Open Graph property.

https://dev.twitter.com/cards/getting-started#opengraph