HTML head snippet

document-head.html

  <meta property="og:url" content="http://domain.com" />
  <meta property="og:image" content="http://domain.com/logo.png" />
  <meta property="og:type" content="article" />
  <meta property="og:title" content="Pagename" />
  <meta property="og:site_name" content="MyBrandname" />
  <meta property="og:description" content="Lorem ipsum dolor sic amet..." />
  <meta name="twitter:url" content="http://domain.com/login" />
  <meta name="twitter:description" content="Lorem ipsum dolor sic amet..." />
  <meta name="twitter:image" content="http://domain.com/logo.png" />
  <meta name="description" content="Lorem ipsum dolor sic amet..." />
  
  <!-- mobile meta viewport -->
  <meta name="MobileOptimized" content="width">
  <meta name="HandheldFriendly" content="true">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />
  
  <!-- mobile app image -->
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <meta name="mobile-web-app-capable" content="yes">
  <meta http-equiv="cleartype" content="on">
  
  <link rel="shortcut icon" href="http://domain.com/favicon.png" type="image/png" />
  <link rel="canonical" href="http://domain.com" />
  <link rel="shortlink" href="http://domain.com" />
  <link rel="publisher" href="http://osa05.it" />
  <title>Pagename | MyBrandname</title>

  <link href="http://domain.com/apple-touch-icon.png" rel="apple-touch-icon" />
  <link href="http://domain.com/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" />
  <link href="http://domain.com/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" />
  <link href="http://domain.com/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />

  <!-- stylesheet -->
  <link href="css/style.css" rel="stylesheet">

  <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!-- flexbox polyfill IE9 and below -->
	<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/flexie/1.0.3/flexie.min.js"></script>
	<![endif]-->