iop_html_metadata.html

<!--
  Ideas On Purpose Recommended HTML Metadata Block

  Please test and validate metadata:

  - https://developers.facebook.com/tools/debug/ (must be logged in)
  - https://cards-dev.twitter.com/validator
  - http://opengraphcheck.com

  References:
  Open Graph Protocol
  http://opengraphprotocol.org/

  Facebook's OGP docs
  https://developers.facebook.com/docs/sharing/webmasters

  Twitter
  https://dev.twitter.com/cards/overview

  Slack's "Everything you ever wanted to know about unfurling but were afraid to ask /or/ How to make your site previews look amazing in Slack"
  https://medium.com/slack-developer-blog/everything-you-ever-wanted-to-know-about-unfurling-but-were-afraid-to-ask-or-how-to-make-your-e64b4bb9254

-->

  <!-- Open Graph -->
  <meta property="og:type" content="article">
  <meta property="og:title" content="Page Title">
  <meta property="og:description" content="One or two sentence description of the page. An excerpt.">
  <meta property="og:url" content="http://example.com/page_permalink">
  <meta property="og:image" content="http://example.com/images/splash.png">
  <meta property='og:site_name' content='Site Title'>

  <!-- Twitter Cards -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" value="Page Title">
  <meta name="twitter:description" value="One or two sentence description of the page. An excerpt.">
  <meta name="twitter:site" content="@site_username">
  <meta name="twitter:creator" content="@creator_username">
  <meta name="twitter:image" content="http://example.com/images/splash.png">

  <!-- optional Twitter labels -->
  <meta name="twitter:label1" value="Label 1">
  <meta name="twitter:data1" value="value 1">
  <meta name="twitter:label2" value="Label 2">
  <meta name="twitter:data2" value="value 2">