<meta charset="utf-8">
  <meta name="author" content="@author">
  <meta name="apple-mobile-web-app-title" content="example.com">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <meta name="format-detection" content="telephone=no">
  <meta name="description" content="A fitting description to inform searchers and to encourage visitors to look around">

  <!-- Google+ -->
  <meta itemprop="name" content="The site or page name">
  <meta itemprop="url" content="https://example.com/">
  <meta itemprop="image" content="https://example.com/img/opengraph-v3.jpg">

  <!-- Facebook -->
  <meta property="og:title" content="The site or page name">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://example.com/">
  <meta property="og:image" content="https://example.com/img/opengraph-v3.jpg">
  <meta property="og:description" content="A fitting description to inform searchers and to encourage visitors to look around">
  <meta property="og:site_name" content="The site or page name">

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="The site or page name">
  <meta name="twitter:description" content="A fitting description to inform searchers and to encourage visitors to look around">
  <meta name="twitter:creator" content="@author">
  <meta name="twitter:creator:id" content="999999999">
  <meta name="twitter:image:src" content="https://example.com/img/opengraph-v3.jpg">

  <!-- Other -->
  <link rel="canonical" href="https://example.com/">
  <link rel="image_src" href="https://example.com/img/opengraph-v3.jpg">
  <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
  <link rel="shortcut icon" type="image/ico" href="/favicon.ico">

  <title>The site or page name</title>