title: What all should i add in head tag
body: <p>What else should i include inside the head tag in-order to support as many browsers, HTML5, search engines, social networking sites etc </p>
  
  <pre><code>&lt;title&gt;My Site&lt;/title&gt;
  
  &lt;meta charset="utf-8"&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
  &lt;meta name="description" content="My Site is cool"&gt;
  &lt;meta name="viewport" content="width=device-width"&gt;
  
  &lt;meta property="og:title" content="My Site"/&gt;
  &lt;meta property="og:type" content="website"/&gt;
  &lt;meta property="og:image" content="assests/icon_big.png"/&gt;
  &lt;meta property="og:url" content="http://url.com"/&gt;
  &lt;meta property="og:site_name" content="My Site"/&gt;
  &lt;meta property="og:description" content="My Site is cool"/&gt;
  
  &lt;link rel="shortcut icon" href="assests/favicon.ico" /&gt;
  &lt;link rel="apple-touch-icon" href="base_url();?&gt;assests/icon.png"/&gt;
  &lt;link rel="icon" href="assests/icon.png"/&gt;
  </code></pre>