HTML: Open Graph & Twitter Card Meta Data

Open Graph

001  <meta property="og:type" content="website/article" />
002  <!-- if og:type == article -->
003  <meta property="og:article:published_time" content="[YYYY]-[MM]-[DD]T[hh]:[mm][+/-][hh]:[mm]" />
004  <meta property="og:article:modified_time" content="[YYYY]-[MM]-[DD]T[hh]:[mm][+/-][hh]:[mm]" />
005  <meta property="og:article:section" content="my_section" />
006  <meta property="og:article:tag" content="my_tag" />
007  
008  <meta property="og:image" content="url" />
009  <!-- values should match absolute size in pixels, 1200x630 is optimal -->
010  <meta property="og:image:width" content="1200" />
011  <meta property="og:image:height" content="630" />
012  <meta property="og:image:alt" content="screenreader description" />
013  
014  <meta property="og:description" content="desc..." />
015  <meta property="og:title" content="title" />
016  
017  <meta property="og:locale" content="en_US" />
018  <meta property="og:profile" content="facebook url" />

Twitter Cards

001  <!-- also uses og equivalent, therefore these are not strictly required -->
002  <meta name="twitter:title" content="title" />
003  <meta name="twitter:description" content="desc..." />
004  <meta name="twitter:image" content="url" />
005  <meta name="twitter:creator" content="twitter username" />
006  <!-- 'summary' for square images, 'summary_large_image' for rectangular images -->
007  <meta name="twitter:card" content="summary/summary_large_image/app/player" />
008  
009  <meta name="twitter:site" content="twitter handle for the website's twitter account" />